如何使用ajax表单提交警报

时间:2018-04-07 13:19:13

标签: ajax javascript-events bootstrap-modal ajaxform

我使用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"}); 

1 个答案:

答案 0 :(得分:0)

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

替换警报