Javascript 详解封装from表单数据为json串进行ajax提交


Posted in Javascript onMarch 29, 2017

摘要: js封装from表单数据为json串进行ajax提交

json封装代码

function getFormJson(frm) { //frm:form表单的id
    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; 
  }

返回的数据格式为标准的json格式,ajax使用如下:

$.ajax({
  type: 'post',
  url: 'your url',
  data: getFormJson(frm),
  success: function(data) {
    // your code
  }
});

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
Extjs学习笔记之六 面版
Jan 08 Javascript
jquery链式操作的正确使用方法
Jan 06 Javascript
Node.js实现批量去除BOM文件头
Dec 20 Javascript
javascript上下方向键控制表格行选中并高亮显示的方法
Feb 13 Javascript
Bootstrap滚动监听(Scrollspy)插件详解
Apr 26 Javascript
老生常谈jquery中detach()和remove()的区别
Mar 02 Javascript
Angular2学习教程之TemplateRef和ViewContainerRef详解
May 25 Javascript
weex slider实现滑动底部导航功能
Aug 28 Javascript
ES6之模版字符串的具体使用
May 17 Javascript
详解小程序如何避免多次点击,重复触发事件
Apr 08 Javascript
vue-i18n实现中英文切换的方法
Jul 06 Javascript
nuxt引入组件和公共样式的操作
Nov 05 Javascript
详解如何在Vue2中实现组件props双向绑定
Mar 29 #Javascript
整理关于Bootstrap警示框的慕课笔记
Mar 29 #Javascript
node.js程序作为服务并在windows下开机自启动(用forever)
Mar 29 #Javascript
jQuery实现字体颜色渐变效果的方法
Mar 29 #jQuery
整理关于Bootstrap导航的慕课笔记
Mar 29 #Javascript
javascript 中Cookie读、写与删除操作
Mar 29 #Javascript
移动端利用H5实现压缩图片上传功能
Mar 29 #Javascript
You might like
Windows平台实现PHP连接SQL Server2008的方法
2017/07/26 PHP
一些相见恨晚的 JavaScript 技巧
2010/04/25 Javascript
jquery的$getjson调用并获取远程的JSON字符串问题
2012/12/10 Javascript
jQuery异步验证用户名是否存在示例代码
2014/05/21 Javascript
jquery实现的仿天猫侧导航tab切换效果
2015/08/24 Javascript
用户代理字符串userAgent可实现的四个识别
2015/09/20 Javascript
jQuery Ajax传值到Servlet出现乱码问题的解决方法
2016/10/09 Javascript
JS刷新父窗口的几种方式小结(推荐)
2016/11/09 Javascript
微信小程序 开发之快递查询功能的实现
2017/01/09 Javascript
JS实现常见的查找、排序、去重算法示例
2018/05/21 Javascript
JS非行间样式获取函数的实例代码
2018/06/05 Javascript
vue实现分页组件
2020/06/16 Javascript
基于vue实现一个禅道主页拖拽效果
2019/05/27 Javascript
vue 解决异步数据更新问题
2019/10/29 Javascript
vue-cli4.x创建企业级项目的方法步骤
2020/06/18 Javascript
详解React 元素渲染
2020/07/07 Javascript
python中将字典转换成其json字符串
2014/07/16 Python
Python中的anydbm模版和shelve模版使用指南
2015/07/09 Python
Python 中Pickle库的使用详解
2018/02/24 Python
python按综合、销量排序抓取100页的淘宝商品列表信息
2018/02/24 Python
Python中flatten( )函数及函数用法详解
2018/11/02 Python
Python后台管理员管理前台会员信息的讲解
2019/01/28 Python
django的settings中设置中文支持的实现
2019/04/28 Python
python实现ip地址查询经纬度定位详解
2019/08/30 Python
浅谈tensorflow之内存暴涨问题
2020/02/05 Python
python 使用事件对象asyncio.Event来同步协程的操作
2020/05/04 Python
Pandas实现一列数据分隔为两列
2020/05/18 Python
意大利单身交友网站:Meetic
2020/07/12 全球购物
手术室护士自我鉴定
2013/10/14 职场文书
不听老师话的万能检讨书
2014/10/04 职场文书
学校总务处领导干部个人对照检查材料思想汇报
2014/10/06 职场文书
试用期辞职信范文
2015/03/02 职场文书
2015年转正工作总结范文
2015/04/02 职场文书
侵犯商业秘密的律师函
2015/05/27 职场文书
关于Nginx中虚拟主机的一些冷门知识小结
2022/03/03 Servers
详解Go语言中Get/Post请求测试
2022/06/01 Golang