Shulou(Shulou.com)06/01 Report--

这篇文章主要介绍了serializeArray()方法怎么用，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

.serializeArray()方法使用标准的W3C"successful controls"的标准来检测哪些元素应当包括在内。被禁用的元素不会被包括在内。并且,元素必须含有 name 属性。此外，提交按钮的值也不会被序列化。文件选择元素的数据也不会被序列化。

.serializeArray() 方法可以对单独选择的表单元素对象进行操作， 比如 , , 和 。还有个更方便的方法是，直接使用 标签来进行序列化操作：

$('form').submit(function() {

console.log($(this).serializeArray());

return false;

});

这将产生以下数据结构(浏览器提供的console.log):

[

{

name: "a",

value: "1"

},

{

name: "b",

value: "2"

},

{

name: "c",

value: "3"

},

{

name: "d",

value: "4"

},

{

name: "e",

value: "5"

}

]

例子:

从表单获取值，遍历并且显示他们

body, select { font-size:14px; }

form { margin:5px; }

p { color:red; margin:5px; }

b { color:blue; }

Results:

Single

Single2

Multiple

Multiple2

Multiple3

check1

check2

radio1

radio2

function showValues() {

var fields = $(":input").serializeArray();

$("#results").empty();

jQuery.each(fields, function(i, field){

$("#results").append(field.value + " ");

});

}

$(":checkbox, :radio").click(showValues);

$("select").change(showValues);

showValues();

感谢你能够认真阅读完这篇文章，希望小编分享的"serializeArray()方法怎么用"这篇文章对大家有帮助，同时也希望大家多多支持，关注行业资讯频道，更多相关知识等着你来学习!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.