jquery 擴展插件

將form表單中的數(shù)據(jù)組裝成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.讓提交按鈕失效，以實現(xiàn)防止按鈕重復點擊

            $("#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博主「獵人在吃肉」的原創(chuàng)文章，遵循CC 4.0 BY-SA版權協(xié)議，轉(zhuǎn)載請附上原文出處鏈接及本聲明。

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