form表单转Json提交的方法(推荐)

 更新时间:2016年09月23日 07:34:54   投稿:jingxian  
下面小编就为大家带来一篇form表单转Json提交的方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

先将表单数值转换成数组存储,存储成的格式为[{"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错误处理

    这篇文章主要介绍了JavaScript错误处理的相关资料,需要的朋友可以参考下
    2015-02-02
  • js实现简单秒表走动的时钟特效

    js实现简单秒表走动的时钟特效

    这篇文章主要为大家详细介绍了js实现简单秒表走动的时钟特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-08-08
  • 记录一次开发微信网页分享的步骤

    记录一次开发微信网页分享的步骤

    这篇文章主要介绍了记录一次开发微信网页分享的步骤,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • JavaScript模拟队列的用法详解

    JavaScript模拟队列的用法详解

    我原本以为JavaScript是不能写队列的,最近发现JavaScript是可以模拟队列的,并且花样还挺多,所以本文将给大家介绍JavaScript模拟队列的基础写法用法,需要的朋友可以参考下
    2023-10-10
  • js的写法基础分析

    js的写法基础分析

    js的写法基础分析,学习js的朋友可以参考下。
    2011-01-01
  • JS从数组中随机获取一个值的常用写法

    JS从数组中随机获取一个值的常用写法

    这篇文章主要介绍了JS从数组中随机获取一个值的常用写法,需要的朋友可以参考下
    2023-07-07
  • 详解JavaScript正则表达式之分组匹配及反向引用

    详解JavaScript正则表达式之分组匹配及反向引用

    这篇文章主要介绍了详解JavaScript正则表达式之分组匹配及反向引用 的相关资料,需要的朋友可以参考下
    2016-03-03
  • js canvas实现擦除动画

    js canvas实现擦除动画

    在移动设备上将某张图片擦掉显示另一张图片,利用canvas来实现这篇文章就为大家详细介绍了js canvas实现擦除动画的相关资料,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • JavaScript的介绍和简单语法(示例代码)

    JavaScript的介绍和简单语法(示例代码)

    JavaScript是一种广泛使用的脚本语言,为网页添加交互性和动态功能提供了强大的支持,在本文中,我们将深入了解JavaScript的基本概念和用法,包括它在HTML中的书写位置、注释和结束符的使用,以及一种常用的函数——alert语句,感兴趣的朋友一起看看吧
    2023-09-09
  • js 实现碰撞检测的示例

    js 实现碰撞检测的示例

    这篇文章主要介绍了js 实现碰撞检测的示例,帮助大家更好的制作js特效,美化自身网页,感兴趣的朋友可以了解下
    2020-10-10

最新评论