2023年6月21日发(作者:)
使⽤是⼀个form插件,⽀持ajax表单提交和ajax⽂件上传。
Index
API接受0个或1个参增加所有需要的事件监听器,为ajax提交表单做准数。参数可以是备。ajaxForm并不能提交表单。在document的⼀个回调函数,$("#formid").ajaxForm();ready函数中,使⽤ajaxForm来为ajax提交表单进也可以是⼀个⾏准备。Options对象。$("#formid").ajaxSubmit();接受0个或1个参ajaxSubmit使⽤ajax提交表单。或ajaxForm数。参数可以是$("#formid").submit(function(){⼀个回调函数, $(this).ajaxSubmit();也可以是⼀个Options对象。 return false;});将表单串⾏化(或序列化)为⼀个查询字符串。formSerialize这个⽅法将返回以下格式的字符串:⽆$("#formid").formSerialize();name1=value1&name2=value2。将表单的字段元素串⾏化(或序列化)为⼀个查询字符串。当只有部分表单字段需要进⾏串⾏化fieldSerialize(或序列化)时,使⽤这个就很⽅便了。返回以下格式的字符串:name=value1&name2=value2。fieldValueresetFormclearFormclearFields返回匹配插⼊数组中的表单元素值。该⽅法以数组的形式返回数据。如果元素值被判定可能⽆效,则数组为空。将表单恢复到初始状态。$("#lFields").fieldSerialize();⽆⽆⽆$("#formid:password").fieldValue();$("#formid").resetForm();$("#formid").clearForm();$("#lFields").clearFields();清除表单元素。该⽅法将所有的text、password、textarea置空,清除select元素中的选定,以及所⽆有radio按钮和checkbox按钮重置为⾮选定状态。清除字段元素。只有部分表单元素需要清除时⽅便使⽤。⽆Options对象ajaxForm和ajaxSubmit都⽀持众多的选项参数,这些选项参数可以使⽤⼀个Options对象来提供。targeturltype指明页⾯中由服务器响应进⾏更新的元素。元素的值可能被指定为⼀个jQuery选择器字符默认值:null串、⼀个jquery对象、⼀个DOM元素。指定提交表单数据的URL。指定提交表单数据的⽅法(method):“GET”或“POST”。默认值:表单的action属性值默认值:GET表单提交前被调⽤的回调函数。如果回调函数返回false表单将不被提交。回调函数带三个beforeSubmit调⽤参数:数组形式的表单数据,jQuery表单对象,以及传⼊ajaxForm/ajaxSubmit中的默认值:nullOptions对象。successdataTyperesetFormclearForm表单成功提交后调⽤的回调函数。然后dataType选项值决定传回responseText还是responseXML的值。返回的数据类型:null、"xml"、"script"、"json"其中之⼀。表⽰如果表单提交成功是否进⾏重置。表⽰如果表单提交成功是否清除表单数据。默认值:null默认值:null默认值:null默认值:nullvar 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=2 var formElement=jqForm[0]; // 将jqForm转换为DOM对象 var address=; // 访问jqForm的DOM元素 return true; // 只要不返回false,表单都会提交,在这⾥可以对表单元素进⾏验证}function showResponse(responseText,statusText){ // dataType=xml var name=$("name",responseXML).text(); var address=$("address",responseXML).text(); $("#xmlout").html(name+" "+address); // dataType=json $("#jsonout").html(+" "+s);}
2023年6月21日发(作者:)
使⽤是⼀个form插件,⽀持ajax表单提交和ajax⽂件上传。
Index
API接受0个或1个参增加所有需要的事件监听器,为ajax提交表单做准数。参数可以是备。ajaxForm并不能提交表单。在document的⼀个回调函数,$("#formid").ajaxForm();ready函数中,使⽤ajaxForm来为ajax提交表单进也可以是⼀个⾏准备。Options对象。$("#formid").ajaxSubmit();接受0个或1个参ajaxSubmit使⽤ajax提交表单。或ajaxForm数。参数可以是$("#formid").submit(function(){⼀个回调函数, $(this).ajaxSubmit();也可以是⼀个Options对象。 return false;});将表单串⾏化(或序列化)为⼀个查询字符串。formSerialize这个⽅法将返回以下格式的字符串:⽆$("#formid").formSerialize();name1=value1&name2=value2。将表单的字段元素串⾏化(或序列化)为⼀个查询字符串。当只有部分表单字段需要进⾏串⾏化fieldSerialize(或序列化)时,使⽤这个就很⽅便了。返回以下格式的字符串:name=value1&name2=value2。fieldValueresetFormclearFormclearFields返回匹配插⼊数组中的表单元素值。该⽅法以数组的形式返回数据。如果元素值被判定可能⽆效,则数组为空。将表单恢复到初始状态。$("#lFields").fieldSerialize();⽆⽆⽆$("#formid:password").fieldValue();$("#formid").resetForm();$("#formid").clearForm();$("#lFields").clearFields();清除表单元素。该⽅法将所有的text、password、textarea置空,清除select元素中的选定,以及所⽆有radio按钮和checkbox按钮重置为⾮选定状态。清除字段元素。只有部分表单元素需要清除时⽅便使⽤。⽆Options对象ajaxForm和ajaxSubmit都⽀持众多的选项参数,这些选项参数可以使⽤⼀个Options对象来提供。targeturltype指明页⾯中由服务器响应进⾏更新的元素。元素的值可能被指定为⼀个jQuery选择器字符默认值:null串、⼀个jquery对象、⼀个DOM元素。指定提交表单数据的URL。指定提交表单数据的⽅法(method):“GET”或“POST”。默认值:表单的action属性值默认值:GET表单提交前被调⽤的回调函数。如果回调函数返回false表单将不被提交。回调函数带三个beforeSubmit调⽤参数:数组形式的表单数据,jQuery表单对象,以及传⼊ajaxForm/ajaxSubmit中的默认值:nullOptions对象。successdataTyperesetFormclearForm表单成功提交后调⽤的回调函数。然后dataType选项值决定传回responseText还是responseXML的值。返回的数据类型:null、"xml"、"script"、"json"其中之⼀。表⽰如果表单提交成功是否进⾏重置。表⽰如果表单提交成功是否清除表单数据。默认值:null默认值:null默认值:null默认值:nullvar 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=2 var formElement=jqForm[0]; // 将jqForm转换为DOM对象 var address=; // 访问jqForm的DOM元素 return true; // 只要不返回false,表单都会提交,在这⾥可以对表单元素进⾏验证}function showResponse(responseText,statusText){ // dataType=xml var name=$("name",responseXML).text(); var address=$("address",responseXML).text(); $("#xmlout").html(name+" "+address); // dataType=json $("#jsonout").html(+" "+s);}
发布评论