如何在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');替換警報$("#message").modal('show');