Javascript AJAX调用成功时弹出引导模式

我使用Formkeep制作表单，使用AJAX向他们的服务器提交电子邮件。我一直想知道的是，如何在使用AJAX成功发送电子邮件地址时弹出一个引导模式，说“谢谢”

下面是运行AJAX的脚本

<script>
    $(function() {
      $('#beta-signup').submit(function(event) {
        event.preventDefault();

        var formEl = $(this);
        var submitButton = $('input[type=submit]', formEl);

        $.ajax({
          type: 'POST',
          url: formEl.prop('action'),
          accept: {
            javascript: 'application/javascript'
          },
          data: formEl.serialize(),
          beforeSend: function() {
            submitButton.prop('disabled', 'disabled');
          }
        }).done(function(data) {
          submitButton.prop('disabled', false);
        });
      });
    });
</script>

$（函数（）{
$（“#beta注册”）.submit（函数（事件）{
event.preventDefault（）；
var formEl=$（本）；
var submitButton=$（'input[type=submit]'，formEl）；
$.ajax({
键入：“POST”，
url:formEl.prop（'action'），
接受：{
javascript:“应用程序/javascript”
},
数据：formEl.serialize（），
beforeSend:function（）{
submitButton.prop（'disabled'，'disabled'）；
}
}).完成（功能（数据）{
submitButton.prop（'disabled'，false）；
});
});
});

我是AJAX请求的初学者，因此非常感谢您的帮助

谢谢

并确保您的模态具有以下类似属性：

<div class="modal fade" id="your-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">

            </div>
            <div class="modal-body">

            </div>
        </div>
    </div>
</div>

---

您必须添加一些元素

HTML（模式的简单标记）：

---

谢谢Mark，非常感谢。注意*根据您的页面设置，您可能需要将style=“hidden”添加到您的模式中。Hi@Mark我当前在“success:function（data）{”行中获得一个“意外标识符”

 success: function(data) {
               $('#your-modal').modal('toggle');
              }

<div class="modal fade" id="your-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">

            </div>
            <div class="modal-body">

            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Confirmation</h4>
      </div>
      <div class="modal-body">
        <p>Success message</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

// Your code
}).done(function(data) {
    submitButton.prop('disabled', false);
    $('#myModal').modal({'show' : true});
});