jQuery ajax - serializeArray() 方法
serializeArray() 方法序列化表單元素(類似 .serialize() 方法),返回 JSON 資料結構資料。
返回的 JSON 物件是由一個物件陣列組成的,其中每個物件包含一個或兩個名值對 —— name 引數和 value 引數(如果 value 不為空的話)。舉例來說:
[
{name: 'firstname', value: 'Hello'},
{name: 'lastname', value: 'World'},
{name: 'alias'}, // 值為空
]
例項1:
輸出以陣列形式序列化表單值的結果:$("button").click(function(){
x=$("form").serializeArray();
$.each(x, function(i, field){
$("#results").append(field.name + ":" + field.value + " ");
});
});
例項2:
直接返回表單元素的name/value組成的json物件
function serializeObject(form) {
var o = {};
$.each(form.serializeArray(), function(index){
o[this['name']] = this['value'];
});
return o;
}
serializeObject($("#form1"));
注意:此方法返回的是 JSON 物件而非 JSON 字串。需要使用外掛或者第三方庫進行字串化操作。
相關文章
- jQuery AJAX 方法jQuery
- jQuery – AJAX load() 方法jQuery
- jQuery – AJAX get() 和 post() 方法jQuery
- Jquery Ajax方法傳值到actionjQuery
- Jquery 和 Ajax的 使用方法jQuery
- jQuery - AJAXjQuery
- jQuery AjaxjQuery
- JQuery中$.ajax()方法引數詳解jQuery
- jQuery.ajaxjQuery
- ajax +jquery 基本jQuery
- 面試之jquery中的ajax方法引數面試jQuery
- 深入瞭解jquery中的ajax方法引數jQuery
- jQuery AJAX 簡介jQuery
- 基於jQuery的AjaxjQuery
- jQuery對Ajax的支援jQuery
- axios,Ajax,jQuery ajax,axios和fetch的區別iOSjQuery
- jQuery、ajax新增Json資料jQueryJSON
- jQuery Ajax 例項 全解析jQuery
- jQuery學習筆記(ajax)jQuery筆記
- jQuery : ajax獲取Status CodejQuery
- JQuery中ajax的使用與快取問題的解決方法jQuery快取
- 談談jQuery中Ajax那些事jQuery
- jQuery入門(五)Ajax和jsonjQueryJSON
- KKB : Jquery實現Ajax請求jQuery
- jquery Ajax 請求錯誤 Unexpected tokenjQuery
- jquery寫的ajax分頁外掛jQuery
- jQuery Validate非同步ajax方式驗證jQuery非同步
- Ajax 學習手記 Jquery實現jQuery
- Ajax,jQuery ajax,axios和fetch介紹、區別以及優缺點jQueryiOS
- 學習AJAX必知必會(4)~JQuery傳送Ajax請求jQuery
- jquery ajax 回撥函式的值alert出來[object Object] 解決方法jQuery函式Object
- jQuery 使用ajax,並重新整理頁面jQuery
- jquery ajax方式直接提交整個表單jQuery
- 基於jQuery的三種AJAX請求jQuery
- jQuery Ajax 跨域前端實現登入jQuery跨域前端
- jQuery裡如何使用ajax傳送請求jQuery
- 【ajax】 html js jquery ajax上傳檔案【一眼就會】【實用】HTMLJSjQuery
- 【jQuery】ajax請求成功,狀態卻是200jQuery
- jQuery方法wrapAll()jQuery