Question

我已阅读以下SO topic

我写了以下代码：

$form = $("#form"); 
$form.bind('ajax:complete', function() {
            alert("done");
 });
 $form.submit();

但提交点击后我看不到警告。

jsfiddle

有点不对，因为我不知道我可以发送请求的端点。但在我当地的mashine上，我看到了同样的结果

Answer 1

jQuery 1.8改变了这种性质，从那个版本开始，ajaxComplete和其他全局处理程序只能附加到文档对象

$(document).ajaxComplete(function () {
    alert("done");
});

ajaxComplete

从jQuery 1.8开始，只应附加.ajaxComplete（）方法记录。

演示：Fiddle

Answer 2

首先在表单的onsubmit事件中附加处理程序，然后在该处理程序内调用ajax，当ajax成功时显示消息完成：

   $form = $("#form"); 
    $form.on("submit",function()
    {
       alert("submitting..");
       //do ajax
       $.ajax({
                 url:<submit url>,
                 type:post/get,
                 success:function() { alert("done");  }
             });
    });
     $form.submit();

请使用JQuery / Javascript阅读有关DOM事件处理和ajax的更多信息。

使用submit（）方法提交表单时的回调

2 个答案: