form表单转Json提交的方法(推荐)


Posted in Javascript onSeptember 23, 2016

先将表单数值转换成数组存储,存储成的格式为[{"name":"","value":""},.....}]

var formArray = $("#form").serializeArray();

将formArray转换成Json格式

function arrayToJson(formArray){
  var dataArray = {};
  $.each(formArray,function(){
    if(dataArray[this.name]){
      if(!dataArray[this.name].push){
        dataArray[this.name] = [dataArray[this.name]];
      }
      dataArray[this.name].push(this.value || '');
    }else{
      dataArray[this.name] = this.value || '';
    }
  });
  return JSON.stringify(dataArray);
}

以上就是小编为大家带来的form表单转Json提交的方法(推荐)的全部内容了,希望对大家有所帮助,多多支持三水点靠木~

Javascript 相关文章推荐
javascript 数组的方法集合
Jun 05 Javascript
js多级树形弹出一个小窗口层(非常好用)实例代码
Mar 19 Javascript
JS实现的用来对比两个用指定分隔符分割的字符串是否相同
Sep 19 Javascript
Javascript基于对象三大特性(封装性、继承性、多态性)
Jan 04 Javascript
Bootstrap基本样式学习笔记之图片(6)
Dec 07 Javascript
ES6生成器用法实例分析
Apr 10 Javascript
bootstrap模态框远程示例代码分享
May 22 Javascript
vue 项目常用加载器及配置详解
Jan 22 Javascript
解决修复npm安装全局模块权限的问题
May 17 Javascript
微信小程序wepy框架学习和使用心得详解
May 24 Javascript
vue实现多级菜单效果
Oct 19 Javascript
javascript实现弹出层效果
Dec 10 Javascript
关于验证码在IE中不刷新的快速解决方法
Sep 23 #Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
Sep 23 #Javascript
使用bootstrap实现多窗口和拖动效果
Sep 22 #Javascript
web 前端常用组件之Layer弹出层组件
Sep 22 #Javascript
值得分享的bootstrap table实例
Sep 22 #Javascript
第一次动手实现bootstrap table分页效果
Sep 22 #Javascript
JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
Sep 22 #Javascript
You might like
PHP动态创建Web站点的方法
2011/08/14 PHP
php基于Fleaphp框架实现cvs数据导入MySQL的方法
2016/02/23 PHP
Yii2实现多域名跨域同步登录退出
2017/02/04 PHP
PDO::lastInsertId讲解
2019/01/29 PHP
JavaScript的document对象和window对象详解
2010/12/30 Javascript
js自定义事件代码说明
2011/01/31 Javascript
jQuery实现简单下拉导航效果
2015/09/07 Javascript
使用jQuery Mobile框架开发移动端Web App的入门教程
2016/05/17 Javascript
jQuery获取table行数并输出单元格内容的实现方法
2016/06/30 Javascript
javaScript给元素添加多个class的简单实现
2016/07/20 Javascript
AngularJS入门教程之Helloworld示例
2016/12/25 Javascript
JS基于面向对象实现的多个倒计时器功能示例
2017/02/28 Javascript
JS动态添加的div点击跳转到另一页面实现代码
2017/09/30 Javascript
vue+springboot前后端分离实现单点登录跨域问题解决方法
2018/01/30 Javascript
JavaScript时间日期操作实例小结【5个示例】
2018/12/22 Javascript
JS高阶函数原理与用法实例分析
2019/01/15 Javascript
在node中使用jwt签发与验证token的方法
2019/04/03 Javascript
详解vue 在移动端体验上的优化解决方案
2019/05/20 Javascript
微信小程序下拉加载和上拉刷新两种实现方法详解
2019/09/05 Javascript
Layui table field初始化加载时进行隐藏的方法
2019/09/19 Javascript
Python中实现远程调用(RPC、RMI)简单例子
2014/04/28 Python
利用python爬取软考试题之ip自动代理
2017/03/28 Python
Python读取excel中的图片完美解决方法
2018/07/27 Python
Python环境Pillow( PIL )图像处理工具使用解析
2019/09/12 Python
Python中__repr__和__str__区别详解
2019/11/07 Python
解决pytorch-yolov3 train 报错的问题
2020/02/18 Python
如何基于Python爬虫爬取美团酒店信息
2020/11/03 Python
CSS3模拟IOS滑动开关效果
2016/09/28 HTML / CSS
美国婴童服装市场上的领先品牌:Carter’s
2018/02/08 全球购物
Qoo10台湾站:亚洲领先的在线市场
2018/05/15 全球购物
普通院校学生的自荐信
2013/11/27 职场文书
城建学院毕业生自荐信
2014/01/31 职场文书
机电一体化求职信
2014/03/10 职场文书
土地转让协议书范本
2014/04/15 职场文书
优秀班主任工作总结2015
2015/05/25 职场文书
演讲开场白台词大全
2015/05/29 职场文书