2023年6月21日发(作者：)

javaajax提交demo_jQueryajax提交Form表单实例（附demo源码）本⽂实例讲述了jQuery ajax提交Form表单的⽅法。分享给⼤家供⼤家参考，具体如下：Jquery的$.ajax⽅法可以实现ajax调⽤，要设置url,post,参数等。如果要提交现有Form需要写很多代码，何不直接将Form的提交直接转移到ajax中呢。以前的处理⽅法如Form代码如下：名称：密码：⼿机：说明：当提交后，会跳转到页⾯。并可以通过["name"]可以取到值。思考如果不想刷新页⾯使⽤ajax，就⼜要在$.ajax中指定url,等信息，不好维护。在⽹上查了⼀下，⽼早以前⽼外就有解决⽅案了。使⽤ajax直接按照Form信息直接提交。不刷新页⾯。很好⽤，但我还是愿意⾃⼰写个⾃⼰⽤的。核⼼JS代码//将form转为AJAX提交function ajaxSubmit(frm, fn) {var dataPara = getFormJson(frm);$.ajax({url: ,type: ,data: dataPara,success: fn});}//将form中的值转换为键值对。function getFormJson(frm) {var o = {};var a = $(frm).serializeArray();$.each(a, function () {if (o[] !== undefined) {if (!o[].push) {o[] = [o[]];}o[].push( || '');} else {o[] = || '';}});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)处可加⼊⾃⼰调⽤返回后处理代码。在调⽤ajaxSubmit⽅法后，必须添加return false;语句防⽌Form真实提交。完整实例代码点击此处本站下载。希望本⽂所述对⼤家jQuery程序设计有所帮助。

2023年6月21日发(作者：)

javaajax提交demo_jQueryajax提交Form表单实例（附demo源码）本⽂实例讲述了jQuery ajax提交Form表单的⽅法。分享给⼤家供⼤家参考，具体如下：Jquery的$.ajax⽅法可以实现ajax调⽤，要设置url,post,参数等。如果要提交现有Form需要写很多代码，何不直接将Form的提交直接转移到ajax中呢。以前的处理⽅法如Form代码如下：名称：密码：⼿机：说明：当提交后，会跳转到页⾯。并可以通过["name"]可以取到值。思考如果不想刷新页⾯使⽤ajax，就⼜要在$.ajax中指定url,等信息，不好维护。在⽹上查了⼀下，⽼早以前⽼外就有解决⽅案了。使⽤ajax直接按照Form信息直接提交。不刷新页⾯。很好⽤，但我还是愿意⾃⼰写个⾃⼰⽤的。核⼼JS代码//将form转为AJAX提交function ajaxSubmit(frm, fn) {var dataPara = getFormJson(frm);$.ajax({url: ,type: ,data: dataPara,success: fn});}//将form中的值转换为键值对。function getFormJson(frm) {var o = {};var a = $(frm).serializeArray();$.each(a, function () {if (o[] !== undefined) {if (!o[].push) {o[] = [o[]];}o[].push( || '');} else {o[] = || '';}});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)处可加⼊⾃⼰调⽤返回后处理代码。在调⽤ajaxSubmit⽅法后，必须添加return false;语句防⽌Form真实提交。完整实例代码点击此处本站下载。希望本⽂所述对⼤家jQuery程序设计有所帮助。