您好,欢迎访问一九零五行业门户网

jQuery实现form表单基于ajax无刷新提交方法详解_jquery

本文实例讲述了jquery实现form表单基于ajax无刷新提交方法。分享给大家供大家参考,具体如下:
首先,新建login.html页面:
$.ajax()方法发送请求 用户登录
名称:
密码:
 

然后,新建login.aspx,接收并处理数据:

补充:form使用ajax提交完整实例:
//将form转换为ajax提交 function ajaxsubmit(url,frm,fn){ var datapara=getformjson(frm); $.ajax({ url:url, type:post, data:datapara, async:false, datatype:'txt', success:fn }); } //将form中的值转换为键值对 function getformjson(frm){ var o={}; var a=$(frm).serializearray(); $.each(a,function(){ if(o[this.name]!==undefined){ if(!o[this.name].push){ o[this.name]=[o[this.name]]; } o[this.name].push(this.value || ''); }else{ o[this.name]=this.value || ''; } }); return o; }/* //前台调用方式 function autosubmitfun(){ ajaxsubmit(autosumitscoreajax.action,$('#formid'),function(){}); }*/
希望本文所述对大家jquery程序设计有所帮助。
其它类似信息

推荐信息