用jquery ajax方法替换form post方法

Question

我在ASP.NET MVC应用程序中有一个表单，我试图通过AJAX提交它，但每当我用jquery替换我的表单提交时如下：

$('#formID').submit(function() { });

它仍然在表单本身回来而不是jquery接管，我做错了什么？

Answer 1

您也可以这样做：

$('#formID').submit(function(e) { 
    e.preventDefault();
    /* your code */
});

有了这个，你不需要在你的html中混合使用javascript，你可以允许/禁止默认操作，就像返回false / true一样。

Answer 2

您需要return false事件中的onclick来阻止回发事件的发生。你可以只需添加一个onclick属性，如onclick="return false"。

Answer 3

您需要取消表单的提交功能。你可以通过使用你的函数return false;或使用preventDefault（）阻止jquery的功能来实现这一点。

Answer 4

只是提醒一下，如果您使用jQuery自行触发提交事件，则不会调用onclick，并且您的表单将被正常提交。

通常，表单的onclick仅在实际用户提交时触发。

在阅读John和Yuriy给你的两个好答案时要注意这一点

快乐的AJAXing！