将form转为ajax提交的js代码
2015-09-07 09:09
676 查看
参考网络代码基础上进行修改,调试通过。
在html中插入下面的代码:
函数ajaxSubmit是submit的ajax形式。
注意:这里面使用到了jquery库
在form提交时候调用该插件
将form中submit按钮修改成
在html中插入下面的代码:
函数ajaxSubmit是submit的ajax形式。
注意:这里面使用到了jquery库
//<!--将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; } //<!--将form转为AJAX提交。--> //<!--fn为返回后的回调函数,可以为空--> function ajaxSubmit(frm, fn) { var dataPara = getFormJson(frm); var ajax_para={}; ajax_para['data']=dataPara; if (!frm.attr('action') ){ ajax_para['url']=this.location.pathname; } else{ ajax_para['url']=frm.attr('action'); } ajax_para['type']=frm.attr('method'); if (!frm.attr('method')){ ajax_para['type']='GET'; } if (fn) { ajax_para['success']=fn; } htmlobj=$.ajax(ajax_para); return htmlobj; }
在form提交时候调用该插件
将form中submit按钮修改成
<button type="button" class="btn btn-default" onclick="ajaxSubmit($('form'))">submit</button>
相关文章推荐
- javaScript 内置对象一 (Document)
- JSON字符串转换成JSON对象
- JavaScript的attribute和property辨析
- JSP更改地址栏图标的方法
- [转] 10分钟掌握XML、JSON及其解析
- Javascript中Promise对象的实现
- 简单谈谈javascript Date类型
- Javascript实现快速排序(Quicksort)的算法详解
- JS简单实现多级Select联动菜单效果代码
- 浅谈javascript函数式编程
- js实现左侧网页tab滑动门效果代码
- javascript日期处理函数,性能优化批处理
- JS实现鼠标滑过折叠与展开菜单效果代码
- js实现鼠标点击左上角滑动菜单效果代码
- js实现的Easy Tabs选项卡用法实例
- js实现带缓冲效果的仿QQ面板折叠菜单代码
- AES加密CBC模式兼容互通四种编程语言平台【PHP、Javascript、Java、C#】
- JavaScript语言精粹 笔记02 函数
- Ember.js 入门指南——目录
- Ember.js 入门指南——目录