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 相关文章推荐
js实现表单Radio切换效果的方法
Aug 17 Javascript
JavaScript中iframe实现局部刷新的几种方法汇总
Jan 06 Javascript
AngularJs ng-route路由详解及实例代码
Sep 14 Javascript
基于Phantomjs生成PDF的实现方法
Nov 07 Javascript
vue2.0项目中使用Ueditor富文本编辑器示例代码
Aug 14 Javascript
jQuery实现监听下拉框选中内容发生改变操作示例
Jul 13 jQuery
详解如何在webpack中做预渲染降低首屏空白时间
Aug 22 Javascript
webpack4.x下babel的安装、配置及使用详解
Mar 07 Javascript
详解微信小程序缓存--缓存时效性
May 02 Javascript
Mpvue中使用Vant Weapp组件库的方法步骤
May 16 Javascript
微信小程序rich-text富文本用法实例分析
May 20 Javascript
Canvas三种动态画圆实现方法说明(小结)
Apr 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实现像JSP,ASP里Application那样的全局变量
2007/01/12 PHP
PHP 字符串正则替换函数preg_replace使用说明
2011/07/15 PHP
php 升级到 5.3+ 后出现的一些错误,如 ereg(); ereg_replace(); 函数报错
2015/12/07 PHP
用jQuery实现检测浏览器及版本的脚本代码
2008/01/22 Javascript
js函数中onmousedown和onclick的区别和联系探讨
2013/05/19 Javascript
讲解JavaScript的Backbone.js框架的MVC结构设计理念
2016/02/14 Javascript
js获取腾讯视频ID的方法
2016/10/03 Javascript
JS动态添加选项案例分析
2016/10/17 Javascript
Javascript中内建函数reduce的应用详解
2016/10/20 Javascript
AngularJS实现页面定时刷新
2017/03/14 Javascript
原生JS实现图片无缝滚动方法(附带封装的运动框架)
2017/10/01 Javascript
详解tween.js 中文使用指南
2018/01/05 Javascript
Vue+Webpack完美整合富文本编辑器TinyMce的方法
2018/11/30 Javascript
jquery向后台提交数组的代码分析
2020/02/20 jQuery
[56:35]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第二局
2016/02/27 DOTA
[01:04:05]Mineski vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
详解Django+Uwsgi+Nginx 实现生产环境部署
2018/11/06 Python
python 串行执行和并行执行实例
2020/04/30 Python
Matplotlib自定义坐标轴刻度的实现示例
2020/06/18 Python
AmazeUI 折叠面板的实现代码
2020/08/17 HTML / CSS
意大利简约的休闲品牌:Aspesi
2018/02/08 全球购物
Joie官方网上商店:购买服装和女装配饰
2018/06/05 全球购物
伦敦剧院门票:From The Box Office
2018/06/30 全球购物
C语言如何决定使用那种整数类型
2016/11/26 面试题
生日宴会主持词
2014/03/20 职场文书
小学班级特色活动方案
2014/08/31 职场文书
酒店爱岗敬业演讲稿
2014/09/02 职场文书
党的群众路线教育实践活动个人对照检查材料(医生)
2014/11/05 职场文书
法制工作总结2015
2015/07/23 职场文书
婚礼上证婚人致辞
2015/07/28 职场文书
班级班风口号大全
2015/12/25 职场文书
法制教育讲座心得体会
2016/01/14 职场文书
小学生禁毒教育心得体会
2016/01/15 职场文书
《玩出了名堂》教学反思
2016/02/17 职场文书
解析laravel使用workerman用户交互、服务器交互
2021/04/28 PHP
Win11如何默认打开软件界面最大化?Win11默认打开软件界面最大化的方法
2022/07/15 数码科技