将form表单中的数据组装成json对象

jquery 扩展插件

将form表单中的数据组装成json对象 :

$.fn.serializeObject = function() {  

   var o = {};  

   var a = this.serializeArray();  

   $.each(a, function() {  

       if (o[this.name]) {  

           if (!o[this.name].push) {  

               o[this.name] = [o[this.name]];  

           }  

           o[this.name].push(this.value || '');  

       } else {  

           o[this.name] = this.value || '';  

       }  

   });  

   return o;  

};

3

使用方法

var jsonobj = $('#表单ID').serializeObject();

1

完整示例代码：

function toSave() {    

var flag=$("#formId").valid();

if(!flag){

return ;

}

var jsonobj = $('#formId').serializeObject();

//var data=JSON.stringify(jsonobj),

    $.ajax({

        url : "/save",

        type : "POST",      

        contentType: 'application/json', // 提交编码类型为 application/json 

        data : jsonobj ,

        beforeSend: function () {

            //3.让提交按钮失效，以实现防止按钮重复点击

            $("#saveBtn").attr('disabled', 'disabled');           

        },

        error : function(request) {

           $("#saveBtn").removeAttr('disabled');

        },

        complete: function () {           

            $("#saveBtn").removeAttr('disabled');

        },

        success : function(data) {

            if (data.code == 0) {                

                layer.msg("注册成功",{time:3000},function(){

                parent.location.href = '/login';}

                );

            } else {

                layer.msg(data.msg);      

                //5.让登陆按钮重新有效

                $("#saveBtn").removeAttr('disabled');

            }

        },

    });

}

————————————————

版权声明：本文为CSDN博主「猎人在吃肉」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/xiaojin21cen/article/details/110478157