如何将警报与 ajax 表单提交一起使用

Question

我使用 ajax 提交表单 我使用以下代码确认提交并在 html 中的同一页面中显示消息：

 $.ajax({
            type: "POST",
            url: "process.php",
            data: {input1:class1b,input2:class2b},
            dataType: "JSON",
            success:  
            function(data) {
             $("#message").html(data);
             $("#message").addClass(" alert-info ");
            },
            error: function(err) {
            $("#message").html(err);
           $("#message").addClass(" alert-danger");
            }
        });

我将此代码用于警报消息，而不是以 html 显示。

  $.ajax({
            type: "POST",
            url: "process.php",
            data: {input1:class1b,input2:class2b},
            dataType: "JSON",
            success:  
            function(data) {
            alert(data);
            },
            error: function(err) {
            alert(err);
          
            }
        });

两个代码都可以正常工作，但是我需要使用此代码使用另一种警报类型：

$("#message").modal({backdrop: "static"}); 

首先，我将这段代码添加到顶部：

 <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">×</button>
          <h4 class="modal-title">Alert</h4>
        </div>
        <div class="modal-body">
          <p>Message.</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
      </div> 

但是我不知道在ajax代码中的何处添加此代码，或者如何使用它来显示收到的警报消息。

$("#message").modal({backdrop: "static"}); 

Answer 1

您可以将引导模式的 HTML 放置在代码中的任何位置。之后，将警报替换为$("#message").modal('show');