我使用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>
我是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'); } success: function(data) { $('#your-modal').modal('toggle'); } }).done(function(data) { submitButton.prop('disabled', false); }); }); }); </script>
完成回叫后,添加:
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>