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 相关文章推荐
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
Oct 26 Javascript
JavaScript Event学习补遗 addEventSimple
Feb 11 Javascript
Javascript 函数中的参数使用分析
Mar 27 Javascript
禁用页面部分JavaScript方法的具体实现
Jul 31 Javascript
css结合js制作下拉菜单示例代码
Feb 27 Javascript
在JavaScript中判断整型的N种方法示例介绍
Jun 18 Javascript
jquery实现简单的表单验证
Nov 17 Javascript
jQuery代码实现对话框右上角菜单带关闭×
May 03 Javascript
Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果
Jul 27 Javascript
Vue.js点击切换按钮改变内容的实例讲解
Aug 22 Javascript
javascript创建元素和删除元素实例小结
Jun 19 Javascript
JavaScript设计模式---单例模式详解【四种基本形式】
May 16 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 无限级分类
2017/05/04 PHP
PHP实现的一致性Hash算法详解【分布式算法】
2018/03/31 PHP
Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
2009/08/09 Javascript
jquery一般方法介绍 入门参考
2011/06/21 Javascript
jquery插件制作教程 txtHover
2012/08/17 Javascript
js显示时间 js显示最后修改时间
2013/01/02 Javascript
网站如何做到完全不需要jQuery也可以满足简单需求
2013/06/27 Javascript
jquery mobile事件多次绑定示例代码
2013/09/13 Javascript
node.js使用nodemailer发送邮件实例
2014/03/10 Javascript
Javascript中设置默认参数值示例
2014/09/11 Javascript
Javascript中this的用法详解
2014/09/22 Javascript
JavaScript实现数字数组正序排列的方法
2015/04/06 Javascript
jQuery实现鼠标经过弹出提示信息的地图热点效果
2015/08/07 Javascript
基于Javascript实现弹出页面效果
2016/01/01 Javascript
jQuery限制图片大小的方法
2016/05/25 Javascript
解决jquery appaend元素中id绑定事件失效的问题
2017/09/12 jQuery
angularJS实现动态添加,删除div方法
2018/02/27 Javascript
Laravel admin实现消息提醒、播放音频功能
2019/07/10 Javascript
微信小程序 自定义弹窗实现过程(附代码)
2019/12/05 Javascript
详解jQuery中的prop()使用方法
2020/01/05 jQuery
jQuery实现鼠标移入显示蒙版效果
2020/01/11 jQuery
vue实现表格合并功能
2020/12/01 Vue.js
JS中循环遍历数组的四种方式总结
2021/01/23 Javascript
[01:25]DOTA2超级联赛专访iG 将调整状态找回自己
2013/06/05 DOTA
[32:26]EG vs IG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[42:32]Secret vs Optic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
详解Python的Django框架中manage命令的使用与扩展
2016/04/11 Python
Python使用pickle模块报错EOFError Ran out of input的解决方法
2018/08/16 Python
Django后端分离 使用element-ui文件上传方式
2020/07/12 Python
KIKO比利时官网:意大利彩妆品牌
2017/07/23 全球购物
美国最大最全的亚洲购物网站:美国亚米网(Yamibuy)
2020/05/05 全球购物
新西兰最大的连锁超市:Countdown
2020/06/04 全球购物
给上级领导的感谢信
2015/01/22 职场文书
意向协议书
2015/01/27 职场文书
我的中国梦心得体会范文
2016/01/05 职场文书
Python干货实战之八音符酱小游戏全过程详解
2021/10/24 Python