javascript - 使用submit()方法提交表单时的回调

Question

我已阅读以下内容 topic

我写了以下代码:

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

但提交点击后我没有看到警报。

jsfiddle

摆弄有点错误，因为我不知道可以发送请求的端点。但在我本地的机器上我看到了相同的结果

Answer 1

首先在表单的 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();

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