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 相关文章推荐
避免回车键导致的页面无意义刷新的解决方法
Apr 12 Javascript
遍历jquery对象的代码分享
Nov 02 Javascript
html+js+highcharts绘制圆饼图表的简单实例
Aug 04 Javascript
js通过classname来获取元素的方法
Nov 24 Javascript
JSON创建键值对(key是中文或者数字)方式详解
Aug 24 Javascript
微信小程序页面滑动屏幕加载数据效果
Nov 16 Javascript
67 个节约开发时间的前端开发者的工具、库和资源
Sep 12 Javascript
JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)
Mar 10 Javascript
详解JavaScript 为什么要有 Symbol 类型?
Apr 03 Javascript
JS获取动态添加元素的方法详解
Jul 31 Javascript
基于Vue+Webpack拆分路由文件实现管理
Nov 16 Javascript
Vue的列表之渲染,排序,过滤详解
Feb 24 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
用来给图片加水印的PHP类
2008/04/09 PHP
PHP OPP机制和模式简介(抽象类、接口和契约式编程)
2014/06/09 PHP
PDO::prepare讲解
2019/01/29 PHP
js判断变量是否空值的代码
2008/10/26 Javascript
Firefox中通过JavaScript复制数据到剪贴板(Copy to Clipboard 跨浏览器版)
2013/11/22 Javascript
javascript常用函数归纳整理
2014/10/31 Javascript
JavaScript实现动态添加,删除行的方法实例详解
2015/07/02 Javascript
CSS图片响应式 垂直水平居中
2015/08/14 Javascript
深入理解js函数的作用域与this指向
2016/05/28 Javascript
只需五句话搞定JavaScript作用域(经典)
2016/07/26 Javascript
jquery easyUI中ajax异步校验用户名
2016/08/19 Javascript
JQuery实现DIV其他动画效果的简单实例
2016/09/18 Javascript
angularjs实现的前端分页控件示例
2017/02/10 Javascript
vue源码解析之事件机制原理
2018/04/21 Javascript
微信小程序canvas.drawImage完全显示图片问题的解决
2018/11/30 Javascript
vue iview多张图片大图预览、缩放翻转
2019/07/13 Javascript
vue实现购物车加减
2020/05/30 Javascript
vue props 一次传多个值实例
2020/07/22 Javascript
[02:51]DOTA2战队出征照拍摄花絮 TI3明星化身时尚男模
2013/07/22 DOTA
[02:52]2017DOTA2国际邀请赛中国区预选赛晋级之路
2017/07/03 DOTA
Python中矩阵库Numpy基本操作详解
2017/11/21 Python
Python利用Django如何写restful api接口详解
2018/06/08 Python
Python判断一个文件夹内哪些文件是图片的实例
2018/12/07 Python
Django 权限认证(根据不同的用户,设置不同的显示和访问权限)
2019/07/24 Python
Python进阶之使用selenium爬取淘宝商品信息功能示例
2019/09/16 Python
深入浅析python的第三方库pandas
2020/02/13 Python
python网络编程之五子棋游戏
2020/05/14 Python
Python里面如何实现tuple和list的转换
2012/06/13 面试题
教师个人鉴定材料
2014/02/08 职场文书
辩论赛主持词
2014/03/18 职场文书
食品科学与工程专业毕业生求职信范文
2014/07/21 职场文书
测量员岗位职责
2015/02/14 职场文书
学生会个人总结范文
2015/02/15 职场文书
三八妇女节寄语
2015/02/27 职场文书
2015年机关党委工作总结
2015/05/23 职场文书
OpenCV项目实践之停车场车位实时检测
2022/04/11 Python