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 相关文章推荐
微信小程序开发之选项卡(窗口底部TabBar)页面切换
Apr 12 Javascript
AngularJS之ionic 框架下实现 Localstorage本地存储
Apr 22 Javascript
微信小程序中做用户登录与登录态维护的实现详解
May 17 Javascript
jquery获取链接地址和跳转详解(推荐)
Aug 15 jQuery
JavaScript正则表达式和级联效果
Sep 14 Javascript
Vue 中mixin 的用法详解
Apr 23 Javascript
layui实现点击按钮给table添加一行
Aug 10 Javascript
vue 基于element-ui 分页组件封装的实例代码
Dec 10 Javascript
详解element-ui中form验证杂记
Mar 04 Javascript
vue使用el-upload上传文件及Feign服务间传递文件的方法
Mar 15 Javascript
简述vue-cli中chainWebpack的使用方法
Jul 30 Javascript
JS实现多选框的操作
Jun 24 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截断标题且兼容utf8和gb2312编码
2013/09/22 PHP
深入浅出php socket编程
2015/05/13 PHP
PHP基于文件存储实现缓存的方法
2015/07/20 PHP
PHP使用redis实现统计缓存mysql压力的方法
2015/11/14 PHP
Yii安装与使用Excel扩展的方法
2016/07/13 PHP
js模拟弹出效果代码修正版
2008/08/07 Javascript
jquery 弹出层实现代码
2009/10/30 Javascript
artDialog 4.1.5 Dreamweaver代码提示/补全插件 附下载
2012/07/31 Javascript
javascript显示用户停留时间的简单实例
2013/08/05 Javascript
JS.getTextContent(element,preformatted)使用介绍
2013/09/21 Javascript
浅析JavaScript基本类型与引用类型
2014/05/28 Javascript
基于JavaScript实现定时跳转到指定页面
2016/01/01 Javascript
JavaScript类型系统之基本数据类型与包装类型
2016/01/06 Javascript
JavaScript实现点击按钮字体放大、缩小
2016/02/29 Javascript
JQuery为元素添加样式的实现方法
2016/07/20 Javascript
AngularJS通过$sce输出html的方法
2016/09/22 Javascript
解析jQueryEasyUI的使用
2016/11/22 Javascript
vue.js利用Object.defineProperty实现双向绑定
2017/03/09 Javascript
Dropify.js图片宽高自适应的方法
2017/11/27 Javascript
JS手写一个自定义Promise操作示例
2020/03/16 Javascript
python计算书页码的统计数字问题实例
2014/09/26 Python
在Docker上开始部署Python应用的教程
2015/04/17 Python
详解字典树Trie结构及其Python代码实现
2016/06/03 Python
Python中应该使用%还是format来格式化字符串
2018/09/25 Python
Python单元测试及unittest框架用法实例解析
2020/07/09 Python
Matplotlib 绘制饼图解决文字重叠的方法
2020/07/24 Python
美体小铺加拿大官方网站:The Body Shop加拿大
2016/10/30 全球购物
Can a struct inherit from another class? (结构体能继承类吗)
2014/07/22 面试题
应届生服务员求职信
2013/10/31 职场文书
违反学校规定检讨书
2014/01/18 职场文书
2014年党员自我评价材料
2014/09/22 职场文书
小学生成绩单评语
2014/12/31 职场文书
用人单位聘用意向书
2015/05/11 职场文书
一个独生女的故事观后感
2015/06/04 职场文书
四年级作文之植物
2019/09/20 职场文书
vue项目如何打包之项目打包优化(让打包的js文件变小)
2022/04/30 Vue.js