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 相关文章推荐
jQuery的强大选择器小结
Dec 27 Javascript
javasctipt如何显示几分钟前、几天前等
Apr 30 Javascript
jquery层级选择器的实现(匹配后代元素div)
Sep 05 Javascript
vuejs 单文件组件.vue 文件的使用
Jul 28 Javascript
jQuery EasyUI 选项卡面板tabs的使用实例讲解
Dec 25 jQuery
详解webpack运行Babel教程
Jun 13 Javascript
原生JS实现的放大镜特效示例【测试可用】
Dec 08 Javascript
vue中使用微信公众号js-sdk踩坑记录
Mar 29 Javascript
VUE实现自身整体组件销毁的示例代码
Jan 13 Javascript
vue 弹出遮罩层样式实例
Jul 22 Javascript
在vue中动态修改css其中一个属性值操作
Dec 07 Vue.js
vue.js 使用原生js实现轮播图
Apr 26 Vue.js
关于验证码在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
自动分页的不完整解决方案
2007/01/12 PHP
MYSQL环境变量设置方法
2007/01/15 PHP
shopex中集成的站长统计功能的代码简单分析
2011/08/11 PHP
Gambit vs ForZe BO3 第二场 2.13
2021/03/10 DOTA
JavaScript 学习 - 提高篇
2007/02/02 Javascript
mapper--图片热点区域高亮组件官方站点
2007/12/22 Javascript
原来Jquery.load的方法可以一直load下去
2011/03/28 Javascript
jquery html动态生成select标签出问题的解决方法
2013/11/20 Javascript
javascript实现控制文字大中小显示
2015/04/28 Javascript
ECMAScript6中Map/WeakMap详解
2015/06/12 Javascript
JS 实现倒计时数字时钟效果【附实例代码】
2016/03/30 Javascript
JS两种类型的表单提交方法实例分析
2016/11/28 Javascript
Jquery Easyui分割按钮组件SplitButton使用详解(17)
2016/12/18 Javascript
js实现登录验证码
2016/12/22 Javascript
基于jQuery实现照片墙自动播放特效
2017/01/12 Javascript
微信小程序 弹窗自定义实例代码
2017/03/08 Javascript
vue2.0 下拉框默认标题设置方法
2018/08/22 Javascript
微信小程序开发的基本流程步骤
2019/01/31 Javascript
解决Layui 表格自适应高度的问题
2019/11/15 Javascript
Vue如何使用混合Mixins和插件开发详解
2020/02/05 Javascript
[42:25]EG vs Spirit Supermajor 败者组 BO3 第二场 6.4
2018/06/05 DOTA
Python中functools模块函数解析
2017/03/12 Python
numpy中的delete删除数组整行和整列的实例
2018/05/09 Python
Python下应用opencv 实现人脸检测功能
2019/10/24 Python
python 中关于pycharm选择运行环境的问题
2020/10/31 Python
解决python 执行shell命令无法获取返回值的问题
2020/12/05 Python
Python基于opencv的简单图像轮廓形状识别(全网最简单最少代码)
2021/01/28 Python
联想美国官方商城:Lenovo美国
2017/06/19 全球购物
LTD Commodities:礼品,独特发现,家居装饰,家用器皿
2017/08/11 全球购物
美国演唱会和体育门票购买网站:Ticketnetwork
2018/10/19 全球购物
是否有自动比较结构的方法
2015/06/03 面试题
总结表彰大会主持词
2014/03/26 职场文书
初中重阳节活动总结
2015/05/05 职场文书
党支部鉴定意见
2015/06/02 职场文书
宣传部部长竞选稿
2015/11/21 职场文书
浅谈golang package中init方法的多处定义及运行顺序问题
2021/05/06 Golang