serializeArray()方法怎么用

這篇文章主要介紹了serializeArray()方法怎么用，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)專(zhuān)注為客戶(hù)提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、懷遠(yuǎn)網(wǎng)絡(luò)推廣、小程序制作、懷遠(yuǎn)網(wǎng)絡(luò)營(yíng)銷(xiāo)、懷遠(yuǎn)企業(yè)策劃、懷遠(yuǎn)品牌公關(guān)、搜索引擎seo、人物專(zhuān)訪(fǎng)、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供懷遠(yuǎn)建站搭建服務(wù)，24小時(shí)服務(wù)熱線(xiàn)：13518219792，官方網(wǎng)址：www.rwnh.cn

.serializeArray()方法使用標(biāo)準(zhǔn)的W3C"successful controls"的標(biāo)準(zhǔn)來(lái)檢測(cè)哪些元素應(yīng)當(dāng)包括在內(nèi)。被禁用的元素不會(huì)被包括在內(nèi)。并且,元素必須含有 name 屬性。此外，提交按鈕的值也不會(huì)被序列化。文件選擇元素的數(shù)據(jù)也不會(huì)被序列化。

.serializeArray() 方法可以對(duì)單獨(dú)選擇的表單元素對(duì)象進(jìn)行操作，比如 <input>, <textarea>, 和 <select>。還有個(gè)更方便的方法是，直接使用 <form> 標(biāo)簽來(lái)進(jìn)行序列化操作：

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

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

return false;

});

這將產(chǎn)生以下數(shù)據(jù)結(jié)構(gòu)(瀏覽器提供的console.log):

[

{

value: "1"

{

value: "2"

{

value: "3"

{

value: "4"

{

value: "5"

}

]

例子:

從表單獲取值，遍歷并且顯示他們

<!DOCTYPE html>

<html>

<head>

<style>

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

form { margin:5px; }

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

b { color:blue; }

</style>

</head>

<body>

<p><b>Results:</b> <span id="results"></span></p>

<form>

<option>Single</option>

<option>Single2</option>

</select>

<option selected="selected">Multiple</option>

<option>Multiple2</option>

<option selected="selected">Multiple3</option>

</select><br/>

<label for="ch2">check1</label>

<label for="ch3">check2</label>

<label for="r1">radio1</label>

<label for="r2">radio2</label>

</form>

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();

</script>

</body>

</html>

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“serializeArray()方法怎么用”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

本文題目：serializeArray()方法怎么用
網(wǎng)站地址：http://www.rwnh.cn/article32/gpogpc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、網(wǎng)站排名、靜態(tài)網(wǎng)站、網(wǎng)站制作、定制網(wǎng)站、用戶(hù)體驗(yàn)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

serializeArray()方法怎么用