jquery的form序列化后转json

最新推荐文章于 2020-06-28 13:55:29 发布

weixin_30716725

最新推荐文章于 2020-06-28 13:55:29 发布

阅读量113

点赞数

CC 4.0 BY-SA版权

文章标签： json javascript ViewUI

原文链接：http://www.cnblogs.com/royal-salute/p/8032249.html

本文介绍了一种将HTML form表单序列化为JSON格式的方法，并通过jQuery的Ajax进行提交的过程。具体实现了form表单元素转换为JSON对象的功能，并展示了如何使用POST方式提交这些数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//form序列化后转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);
}

    //提交
    Submit = function(){

       if( confirm("确认提交吗？") ){

           //form表单序列化
           var form = $(parent.mainFrame.form1).serializeArray();

           var form = arrayToJson(form);

           $.ajax({
               type :'post',
               url :'../',
               data : {
                   form : form,
                   ID : $("#idCard").html()
               },
               async:false,
               dataType : 'josn',
               success : function(data){

               }
           });

       }
   }