ajaxFrom 与ajaxSubmit 区别

最新推荐文章于 2025-09-10 19:44:49 发布

weixin_34336526

最新推荐文章于 2025-09-10 19:44:49 发布

阅读量73

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/lhuif/blog/757586

本文详细解析了jQuery中ajaxForm和ajaxSubmit的功能差异及应用场景。ajaxForm适用于表单的AJAX提交准备，通过自动收集表单数据并提交，提高了安全性。而ajaxSubmit则更加灵活，可在多种事件触发下实现表单的AJAX提交，无需submit按钮。

首先都需要安装form.js的插件

ajaxForm() : 1，不能提交表单（需要提供表单的action、id、 method，最好在表单中提供submit按钮）。2，在document的ready函数中，使用ajaxForm来为AJAX提交表单进行准备。提交动作必须由submit开始。3，不需要在请求路径后面通过url重写的方式传递数据（因为ajaxForm()会自动收集当前表单中每个属性的值，然后将其以表单提交的方式提交到目标url，由此这种提交数据比较安全）。
ajaxSubmit()：1，立即由AJAX来提交表单。你可以在任何情况下进行该项提交。
2，适用于以事件的机制以ajax提交form表单（超链接、图片的click事件），该方法作用与ajaxForm()类似，但它更为灵活，因为他依赖于事件机制，只要有事件存在就能使用该方法。你只需指定该form的action属性即可。3，不需要提供submit按钮。
ajaxForm执行的时候其实相当于
$("form").submit(function(){
$(this).ajaxSubmit();

return false; //此句解释了为什么ajaxSubmit会自动提交表单，想要阻止自动提交，必须return false；
})
深度阅读：

API英文原文：http://www.malsup.com/jquery/form/#api