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

在网页中需要使用进行异步提交操作,普通的表单提交并不能实现异步请求。如果需要在一个页面中进行表单的提交,尤其是文件上传操作可以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);

                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值