jQuery使用serializeArray()方法取得表單資料並附加json資料
阿新 • • 發佈：2019-01-06
一、serialize()方法
1、格式
var data = $("form").serialize();
2、功能
將表單內容序列化成一個字串。
3、返回結果
username=forrest&passwd=1234&gender=0&interest=swimming&interest=running&interest=readBook
二、serializeArray()方法
1、格式
var jsonData = $("form").serializeArray();
2、功能
將頁面表單序列化成一個JSON結構的物件。注意不是JSON字串。
3、返回結果：
[{"name":"lihui", "age":"20"},{...}] 獲取資料為 jsonData[0].name。
jquery擴充套件函式:
$.fn.serializeObject
= function(para)
{
var serializeObj={}; // 目標物件
var tempObj={};//臨時物件
var array=this.serializeArray(); // 轉換陣列格式
if(para!=null&¶!=undefined){
$.each(para,function(name,value) {
array.push({"name":name,"value":value});
});
}
console.log(para);
console.log(array);
$(array).each(function(){ // 遍歷陣列的每個元素 {name : xx , value : xxx}
if(serializeObj[this.name]){ // 判斷物件中是否已經存在 name，如果存在name
if($.isArray(serializeObj[this.name])){
serializeObj[this.name].push(this.value); // 追加一個值 hobby : ['音樂','體育']
}else{
// 將元素變為 陣列 ，hobby : ['音樂','體育']
serializeObj[this.name]=[serializeObj[this.name],this.value];
}
}else{
serializeObj[this.name]=this.value; // 如果元素name不存在，新增一個屬性 name:value
}
});
return serializeObj;
};
字串轉物件(strJSON代表json字串)
var
obj = eval(strJSON);
var
obj = strJSON.parseJSON();
var
obj = JSON.parse(strJSON)；
json物件轉字串(obj代表json物件)
var
str = obj.toJSONString();
var
str = JSON.stringify(obj)
運用時候需要除了eval()以外需要json.js包（切記哦）