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 serializeArray()jQuery
- jQuery AJAX 方法jQuery
- jQuery – AJAX load() 方法jQuery
- jQuery – AJAX get() 和 post() 方法jQuery
- JQuery ajax方法及引數jQuery
- Jquery 和 Ajax的 使用方法jQuery
- Jquery Ajax方法傳值到actionjQuery
- jQuery.ajax的使用方法jQuery
- jQuery Ajax get post 方法詳解jQuery
- JQuery中$.ajax()方法引數詳解jQuery
- jQuery AjaxjQuery
- jQuery - AJAXjQuery
- 面試之jquery中的ajax方法引數面試jQuery
- 雅蛙網ajax特效jQuery實現方法特效jQuery
- jQuery.ajaxjQuery
- ajax +jquery 基本jQuery
- JQuery使用AJAXjQuery
- jquery Ajax搭配jQuery
- jQuery.ajax()jQuery
- jQuery系列:AjaxjQuery
- 深入瞭解jquery中的ajax方法引數jQuery
- jQuery AJAX 簡介jQuery
- jquery ajax詳解jQuery
- jQuery - AJAX簡介jQuery
- jquery ajax基本用法jQuery
- jquery ajax 提交 FormDatajQueryORM
- jQuery - AJAX get() 和 post() 方法---非常好的例項jQuery
- 基於jQuery的AjaxjQuery
- jQuery對Ajax的支援jQuery
- jquery ajax簡單使用jQuery
- jQuery ajax清除快取jQuery快取
- jquery ajax 的封裝jQuery封裝
- jquery pass parameter to ajax callbackjQuery
- 轉:jQuery Ajax 全解析jQuery
- jquery的ajax方法在各個瀏覽器使用注意點jQuery瀏覽器
- Ashx中使用jQuery.Ajax方法的一些記錄jQuery
- jQuery : ajax獲取Status CodejQuery
- jQuery學習筆記(ajax)jQuery筆記