jQuery使用serializeArray()方法取得表單數據並附加json數據
阿新 • • 發佈:2018-01-03
頁面 gpo 除了 blog rest gen ces str fin
轉載自:http://blog.csdn.net/zheng963/article/details/49156395
一、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包(切記哦)
jQuery使用serializeArray()方法取得表單數據並附加json數據