使用jquery-form.js实现form表单的异步提交

xiaoxiao2021-02-28  63

在网页中需要使用进行异步提交操作,普通的表单提交并不能实现异步请求。如果需要在一个页面中进行表单的提交,尤其是文件上传操作可以jquery-form.js来进行。

好的,下面进行代码的实现:

html:

<form id="newForm" action="..." method="post"> <input type="input" name="name"/>         <input type="input" name="age"/> <input type="submit" value="提交"/> </form>

js:

//最简实现 $("#newForm").ajaxForm(function(result){ //......result为返回值 console.log(result); }); //Form的参数定义: var options={     url: url, //form提交数据的地址     type: type,         //form提交的方式(method:post/get)     target: target, //服务器返回的相应数据显示在元素(id)好确定     beforeSubmit: function(), //提交前执行的回掉函数     success: function(), //提交成功后执行的回掉函数     dataType:null, //服务器返回的数据类型     clearForm: true, //提交成功后是否清空表单中的字段值     restForm: true, //提交成功后是否充值表单中的字段值,即恢复到页面加载是的状态     timeout: 6000 //设置请求时间,超过时间后,自动退出请求,单位(毫秒) } //表单提交--使用参数来实现表单的提交 $("#newForm").ajaxForm(options);
转载请注明原文地址: https://www.6miu.com/read-2620227.html

最新回复(0)