ajaxSubmit的使⽤总结
开发中遇到⼀些问题,需要⽤到表单异步提交,但是使⽤jquery中的.rialize()⽅法⼀直报错,并找不到原因,所以就决定使⽤ajaxSubmit。
需要引⼊⼀个jquery.form.js的js库:
<script src="lib/jquery.form.js"></script>
小河流水哗啦啦下边是js代码:
$('#表单id').ajaxSubmit({
success: function(data){
高三历史}
$(this).retForm(); // 提交后重置表单
薪资结构});
我是直接把action、method、等写在了form表单⾥,所以在这个js⾥不⽤再写这⼏个属性,当然也可以选择写在js⽅法⾥。
下边是⽹上摘录的⼀些ajaxsubmit可选参数:
target
⽤rver端返回的内容更换指定的页⾯元素的内容。 这个值可以⽤jQuery 选择器来表⽰, 或者是⼀个jQuery 对象, ⼀个 DOM 元素。
缺省值: null
url
表单提交的地址。
缺省值: 表单的action的值
type
表单提交的⽅式,'GET' 或 'POST'.
缺省值: 表单的 method 的值 (如果没有指明则认为是 'GET')
beforeSubmit
表单提交前执⾏的⽅法。这个可以⽤在表单提交前的预处理,或表单校验。如果'beforeSubmit'指定的函数返回fal,则表单不会被提交。 'beforeSubmit'函数调⽤时需要3个参数:数组形式的表单数据,jQuery 对象形式的表单对象,可选的⽤来传递给
ajaxForm/ajaxSubmit 的对象。
数组形式的表单数据是下⾯这样的格式:[ { name: 'urname', value: 'jresig' }, { name: 'password', value: 'cret' } ]
缺省值: null
景德镇市人民政府success
当表单提交后执⾏的函数。 如果'success' 回调函数被指定,当rver端返回对表单提交的响应后,这个⽅法就会被执⾏。
当表单提交后执⾏的函数。 如果'success' 回调函数被指定,当rver端返回对表单提交的响应后,这个⽅法就会被执⾏。responText 和 responXML 的值会被传进这个参数 (这个要依赖于dataType的类型).
缺省值: null
dataType
惊字开头的成语
指定服务器响应返回的数据类型。其中之⼀: null, 'xml', 'script', 或者 'json'. 这个 dataType 选项⽤来指⽰你如何去处理rver端返回的数据。 这个和 jQuery.httpData ⽅法直接相对应。
下⾯就是可以⽤的选项:
'xml': 如果 dataType == 'xml' 则 rver 端返回的数据被当作是 XML 来处理, 这种情况下'success'指定的回调函数会被传进去responXML 数据
'json': 如果 dataType == 'json' 则rver端返回的数据将会被执⾏,并传进'success'回调函数
'script': 如果 dataType == 'script' 则rver端返回的数据将会在上下⽂的环境中被执⾏
缺省值: null
mantic
⼀个布尔值,⽤来指⽰表单⾥提交的数据的顺序是否需要严格按照语义的顺序。⼀般表单的数据都是按语义顺序序列化的,除⾮表单⾥有⼀个type="image"元素. 所以只有当表单⾥必须要求有严格顺序并且表单⾥有type="image"时才需要指定这个。
缺省值: fal
retForm
表演者英文
布尔值,指⽰表单提交成功后是否需要重置。
缺省值: null
clearForm
布尔值,指⽰表单提交成功后是否需要清空。
手有余香缺省值: null
iframe阳光灿烂心情好的句子
布尔值,⽤来指⽰表单是否需要提交到⼀个iframe⾥。 这个⽤在表单⾥有file域要上传⽂件时。更多信息请参考 代码⽰例 页⾯⾥的File Uploads ⽂档。
缺省值: fal