手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >将form表单通过ajax实现无刷新提交的简单实例
将form表单通过ajax实现无刷新提交的简单实例
摘要:实例如下://将form转换为AJAX提交functionajaxSubmit(url,frm,fn){vardataPara=getFor...

实例如下:

//将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(){}); } */

以上就是小编为大家带来的将form表单通过ajax实现无刷新提交的简单实例全部内容了,希望大家多多支持查字典教程网~

【将form表单通过ajax实现无刷新提交的简单实例】相关文章:

jQuery实现的多屏图像图层切换效果实例

JS实现浏览器菜单命令

jQuery+ajax实现无刷新级联菜单示例

实现无刷新联动例子汇总

jquery 构造函数在表单提交过程中修改数据

JavaScript通过Date-Mask将日期转换成字符串的方法

jquery任意位置浮动固定层插件用法实例

JavaScript实现简单的数字倒计时

JS+CSS实现的拖动分页效果实例

javascript实现树形菜单的方法

精品推荐
分类导航