jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传。
下载地址
百度云:/s/1eQoYE46
360云:/Qi7B5wdiewUMP 访问密码 06b6
微云:/QMQ79w
View Code
API
Options对象
ajaxForm和ajaxSubmit都支持众多的选项参数,这些选项参数可以使用一个Options对象来提供。
var options={target : '#output', // 把服务器返回的内容放入id为output的元素中beforeSubmit : showRequest, // 提交前的回调函数success : showResponse, // 提交后的回调函数// url : url, //默认是form的action,如果申明,则会覆盖// type : type, // 默认值是form的method("GET" or "POST"),如果声明,则会覆盖// dataType : null, // html(默认)、xml、script、json接受服务器端返回的类型// clearForm : true, // 成功提交后,清除所有表单元素的值// resetForm : true, // 成功提交后,重置所有表单元素的值timeout : 3000 // 限制请求的时间,当请求大于3秒后,跳出请求}function showRequest(formData, jqForm, options){// formData: 数组对象,提交表单时,form插件会以ajax方式自动提交这些数据,格式如[{name:user,value:val},{name:pwd,value:pwd}]// jqForm: jQuery对象,封装了表单的元素// options: options对象var queryString=$.param(formData); // name=1&address=2var formElement=jqForm[0]; // 将jqForm转换为DOM对象var address=formElement.address.value; // 访问jqForm的DOM元素return true; // 只要不返回false,表单都会提交,在这里可以对表单元素进行验证}function showResponse(responseText,statusText){// dataType=xmlvar name=$("name",responseXML).text();var address=$("address",responseXML).text();$("#xmlout").html(name+" "+address);// dataType=json$("#jsonout").html(data.name+" "+data.address);}
转自:/sydeveloper/p/3754637.html