表单提交后如何进行Jquery回调？

Question

表单提交后如何进行Jquery回调？我有一个带有remote = true的简单表单。此表单实际上位于HTML对话框上，一旦单击“提交”按钮，该对话框就会关闭。现在，我需要在表单成功提交后对主HTML页面进行一些更改。我尝试使用jQuery。但这并不能确保在表单提交的某种形式的响应之后执行任务。$("#myform").submit(function(event) {// do the task here ..});如何附加回调，以便我的代码只有在成功提交表单后才能执行？有没有办法在表单中添加一些.success或.complete回调？

Answer 1

我这样做了 -

 $("#myform").bind('ajax:complete', function() {

         // tasks to do 


   });

事情很完美。

Answer 2

我无法获得第一个可靠的工作解决方案，但发现这是有效的。不确定是否需要，但我没有标记上的action或method属性，这确保POST由$ .ajax函数处理并为您提供回调选项。

<form id="form">...<button type="submit"></button></form><script>$(document).ready(function() {
  $("#form_selector").submit(function() {

    $.ajax({
     type: "POST",
      url: "form_handler.php",
      data: $(this).serialize(),
      success: function() {
        // callback code here
       }
    })

  })})</script>