jQuery ajax提交Form表单实例(附demo源码)_

1、jQuery ajax提交Form表单实例(附demo源码)_ 本文实例讲解并描述了jQuery ajax提交Form表单的方法。分享给大家供大家参考，具体如下： Jquery的$.ajax方法可以实现ajax调用，要设置url,post,参数等。 假如要提交现有Form需要写许多代码，何不挺直将Form的提交挺直转移到ajax中呢。 以前的处理方法 如Form代码如下： form id=Form1 action=action.aspx method=post 名称：input name=name type=text /br / 密码：input name=password type=pass

2、word /br / 手机：input name=mobile type=text /br / 说明：input name=memo type=text /br / input type=submit value=提 交 / /form 当提交后，会跳转到action.aspx页面。并可以通过Request.Paramsname可以取到值。 思索 假如不想刷新页面用法ajax，就又要在$.ajax中指定url,等信息，不好维护。 在网上查了一下，老早以前老外就有解决方案了。用法ajax挺直根据Form信息挺直提交。不刷新页面。 参考资料： 很好用，但我还是情愿自己写个自己用的。 核心JS代码

3、/将form转为AJAX提交 function ajaxSubmit(frm, fn) var dataPara = getFormJson(frm); $.ajax( url: frm.action, type: frm.method, data: dataPara, success: fn ); /将form中的值转换为键值对。 function getFormJson(frm) var o = ; var a = $(frm).serializeArray(); $.each(a, function () if ( != undefined) if (!othis.n

4、ame.push) = ; .push(this.value | ); else = this.value | ; ); return o; ajaxSubmit方法第一个参数，是要提交的form，其次个参数是ajax调用胜利后的处理函数。 将form的action传递给ajax的url，form的method传递给ajax的type，再将格式化后的表单内容传递给data。 getFormJson方法将form的元素转化为json格式键值对。形如：name:aaa,password:tttt，留意将同名的放在一个数组里。 调用 /调用 $(document).ready(function() $(#Form1).bind(submit, function() ajaxSubmit(this, function(data) alert(data); ); return false; ); ); 在ajaxSubmit方法调用前，可验证数据是否正确，在alert(data)处可加入自己调用返回后处理代码。 在调