1.
1)
2)
a)
b)
| 键名 | 描述 |
| type | （默认为表单的method属性值，若未设置取GET） 请求的类型，例如：POST、GET、PUT及PROPFIND。大小写不敏感。 |
| url | （默认取表单的action属性值，若未设置默认取window.location.href） 请求的URL地址，可以为绝对地址也可以为相对地址。 |
| data | （对象成员必须包含name和value属性）提供额外数据对象，通过$.param()函数返回序列化后的字符串，稍后会拼接到表单元素序列化的字符串之后。 |
| extraData | （此参数无需外部提供，由内部处理） 此参数是data在进行序列化成字符串之前的一个拷贝，只用于在表单包含并且是老浏览器。 因为在老浏览器中文件上传文件我们需要通过来模拟异步提交，此时extraData会转变为元素包含在表单中，被一起提交到服务器。 |
| dataType | 一般不需自己设置。参数作用请看：《jQuery.ajax()-dataType》 |
| traditional | 如果你想要用传统的方式来序列化数据，那么就设置为true。请参考$.param()深度递归详解。 |
| delegation | （适用于ajaxForm）ajaxForm支持Jquery插件的委托方式（需要Jquery v1.7+），所以当你调用ajaxForm的时候其表单form不一定存在，但动态构建的form会在适当的时候调用ajaxSubmit。Eg： $('#myForm').ajaxForm({
delegation: true,
target: '#output'
});
|
| replaceTarget | （默认：false）与target参数共同起作用，True则执行replaceWirh()函数，false则执行html()函数 |
| target | 提供一个Html元素，在请求“成功”并且未设置dataType参数，则将返回的数据replaceWith()或html()掉对象原来的内容，再遍历对象调用success回调函数。 if (!options.dataType && options.target) {
var oldSuccess = options.success || function(){};
callbacks.push(function(data) {
var fn = options.replaceTarget ? 'replaceWith' : 'html';
$(options.target)[fn](data).each(oldSuccess, arguments);
});
}
|
| includeHidden | 在请求成功后，若设置执行clearForm()函数清空表单元素则会根据includeHidden设置决定如何清空隐藏域元素。 1) 2) |
| clearForm | 请求成功时触发（同success），并用options. includeHidden做为回调函数参数。 回调函数：$form.clearForm(options.includeHidden); |
| resetForm | 请求成功时触发（同success）。 回调函数：$form.resetForm() |
| semantic | 布尔值，指示表单元素序列化时是否严格按照表单元素定义顺序。 在序列化只有元素会放在序列化字符串的最后，若semantic=true，则会按照它的定义顺序进行序列化。 若你服务器严格要求表单序列化字符串的顺序，则使用此参数进行控制。 |
| iframe | （默认：false）若有文件上传'input[type=file]:enabled[value!=""]'，指示是否应该使用标签（在支持html5文件上传新特性的浏览器中不会使用iframe模式） |
| iframeTarget | 指定一个现有的元素，否则将自动生成一个元素以及name属性值。若现有的元素没有设置name属性，则会自动生成一个name值 |
| iframeSrc | 为元素设定src属性值 |
| 回调函数 | |
| beforeSerialize | 提供在将表单元素序列化为字符串之前，处理表单元素的回调函数。 签名：function(form,options) 函数说明：当前表单对象、options参数集合 返回值：返回false，表示终止表单提交操作。 |
| beforeSubmit | 提供在执行表单提交之前，处理数据的回调函数。 签名：function(a,form,options) 函数说明：通过formToArray(options.semantic, elements)返回的表单元素数组、当前表单对象、options参数集合 返回值：返回false，表示终止表单提交操作。 |
3)
4)
5)
ajaxSubmit函数处理流程：
1)
2)
3)
4)
5)
6)
7)
8)
9)
a)
b)
c)
10)
11)
2.
是对$(“any”).ajaxSubmit(options)函数的一个封装，适用于表单提交的方式（注意，主体对象是
），会帮你管理表单的 submit 和提交元素（ [type=submit],[type=image] ）的 click 事件。在出发表单的 submit 事件时：阻止 submit() 事件的默认行为（同步提交的行为）并且调用 $(this).ajaxSubmit(options) 函数。ajaxForm支持Jquery插件的委托方式（需要Jquery v1.7+）
增加所有需要的事件监听函数，为AJAX提交表单做好准备。ajaxForm不能提交表单。在document的ready函数中，使用 ajaxForm来为AJAX提交表单进行准备。ajaxForm接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options 对象。
是否可链接（Chainable）：可以。
实例：
1 | $('#myFormId').ajaxForm(); |
ajaxSubmit（）
马上由AJAX来提交表单。大多数情况下，都是调用ajaxSubmit来对用户提交表单进行响应。ajaxSubmit接受0个或1个参数。这个单个的参数既可以是一个回调函数，也可以是一个Options对象。
是否可链接（Chainable）：可以。
实例：
1 | //绑定表单提交事件处理器 |
2 | $('#myFormId').submit(function() { |
3 | // 提交表单 |
4 | $(this).ajaxSubmit(); |
5 | // 为了防止普通浏览器进行表单提交和产生页面导航（防止默认提交）返回false |
6 | return false; |
7 | }); |
790
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
