serializearray怎么用？

1、serialize()方法

描述：序列化表單內(nèi)容為字符串,用于Ajax請求。

格式：var data = $(form).serialize();

1

1

2.serializeArray()方法

描述：序列化表單元素(類似’.serialize()’方法)返回JSON數(shù)據(jù)結(jié)構(gòu)數(shù)據(jù)。

注意,此方法返回的是JSON對象而非json字符串。需要使用插件或者第三方庫進(jìn)行字符串化操作。

格式：var jsonData = $(form).serializeArray();

1

1

在使用ajax提交表單數(shù)據(jù)時,以上兩種方法都可以將data參數(shù)設(shè)置為(form).serialize()或(form).serializeArray()。

1.serialize()方法

格式：var data = $(“form”).serialize();

1

1

功能：將表單內(nèi)容序列化成一個字符串。

這樣在ajax提交表單數(shù)據(jù)時，就不用一一列舉出每一個參數(shù)。只需將data參數(shù)設(shè)置為 $(“form”).serialize() 即可。

2.serializeArray()方法

格式：var jsonData = $(“form”).serializeArray();

功能：將頁面表單序列化成一個JSON結(jié)構(gòu)的對象。注意不是JSON字符串。

比如，[{“name”:”lihui”, “age”:”20”},{…}] 獲取數(shù)據(jù)為 jsonData[0].name

function submit(){

//var data=$('#fm').serialize(); //輸出 name=wang&sex=1&age=25

var data=$('#fm').serializeArray(); //序列化表單 //[Object, Object, Object]

var postdata={}; //空數(shù)組

$(data).each(function(i){

postdata[this.name]=this.value //

});

$.ajax({

url:"__ROOT__/index.php/index/login",

data:postdata,

dataType:'json',

type:"post",

error:function (){

},

success:function (res){//回調(diào)函數(shù)，

alert(res);//輸出后臺傳過來的值

}

})

}