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 基础问答三
Dec 03 Javascript
javascript tips提示框组件实现代码
Nov 19 Javascript
window.name代替cookie的实现代码
Nov 28 Javascript
JS对img进行操作(换图片/切图/轮换/停止)
Apr 17 Javascript
JavaScript获取当前网页最后修改时间的方法
Apr 03 Javascript
原生js配合cookie制作保存路径的拖拽
Dec 29 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
Jul 21 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
Sep 05 Javascript
Windows系统下安装Node.js的步骤图文详解
Nov 15 Javascript
vue2.0 datepicker使用方法
Feb 04 Javascript
原生JS实现列表子元素顺序反转的方法分析
Jul 02 Javascript
angular6开发steps步骤条组件
Jul 04 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
表头固定(利用jquery实现原理介绍)
2012/11/08 Javascript
复制js对象方法(详解)
2013/07/08 Javascript
Jquery遍历checkbox获取选中项value值的方法
2014/02/13 Javascript
纯js和css实现渐变色包括静态渐变和动态渐变
2014/05/29 Javascript
jQuery提交多个表单的小技巧
2014/07/27 Javascript
jQuery源码分析之jQuery中的循环技巧详解
2014/09/06 Javascript
window.onload与$(document).ready()的区别分析
2015/05/30 Javascript
jQuery网页选项卡插件rTabs用法实例分析
2015/08/26 Javascript
AngularJS入门教程之服务(Service)
2016/07/27 Javascript
轻松掌握JavaScript代理模式
2016/08/26 Javascript
BootStrap实现文件上传并带有进度条效果
2017/09/11 Javascript
使用D3.js构建实时图形的示例代码
2018/08/28 Javascript
世界上最短的数字判断js代码
2019/09/09 Javascript
nodemon实现Typescript项目热更新的示例代码
2019/11/19 Javascript
jQuery实现手风琴效果(蒙版)
2020/01/11 jQuery
Django中模型Model添加JSON类型字段的方法
2015/06/17 Python
Tornado高并发处理方法实例代码
2018/01/15 Python
keras 自定义loss损失函数,sample在loss上的加权和metric详解
2020/05/23 Python
python等待10秒执行下一命令的方法
2020/07/19 Python
python 使用csv模块读写csv格式文件的示例
2020/12/02 Python
利用CSS的Sass预处理器(框架)来制作居中效果
2016/03/10 HTML / CSS
HTML5到底会有什么发展?HTML5的前景展望
2015/07/07 HTML / CSS
Cotton On南非:澳洲时尚平价品牌
2018/06/28 全球购物
Foot Locker澳洲官网:美国运动服和鞋类零售商
2019/10/11 全球购物
哥德堡通行证:Gothenburg Pass
2019/12/09 全球购物
11月升旗仪式讲话稿
2014/02/15 职场文书
美容院营销方案
2014/03/05 职场文书
大家访活动实施方案
2014/03/10 职场文书
二年级评语大全
2014/04/23 职场文书
商场租赁意向书
2014/07/30 职场文书
讲党性心得体会
2014/09/03 职场文书
解除劳动合同证明书
2014/09/26 职场文书
2015年党员发展工作总结
2015/05/13 职场文书
实验室安全管理制度
2015/08/05 职场文书
浅谈mysql执行过程以及顺序
2021/05/12 MySQL
SpringBoot+Vue+JWT的前后端分离登录认证详细步骤
2021/09/25 Java/Android