国产视频app在前臺的表單提交中,如果涉及到了批量操作,那么使用 jq 的 serializeArray() 方法,將 form 表單的值通過序列化轉換成為一個對象的數組,然后提交給后臺,那么在后臺就能夠很輕松的對數據進行處理。

jq serializeArray() 方法的介紹

serializeArray():通過序列化表單值來創建對象(name 和 value)的數組。

語法:

$(selector).serializeArray()

返回值:

serializeArray() 方法返回的是 JSON 對象而非 JSON 字符串

注意:

国产视频app返回的 JSON 對象是由一個對象數組組成的,其中每個對象包含一個名(name 參數)或名與值的對(name 參數和 value 參數

輸出的格式:

[
    {name: 'name1', value: 'value1'},
    {name: 'name2', value: 'value2'},
    {name: 'name2'}, // 沒有 value 值
]

jq serializeArray() 使用方法

示例1:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script src="http://cdn.staticfile.org/jquery/2.2.4/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<form action="">
    <input type="text" name="name" value="小明" />
    <input type="text" name="age" value="20" />
    <input type="text" name="add" value="上每" />
</form>
<script>
    var str = $('form').serializeArray();
    console.log(str);
</script>
</body>
</html>

控制臺輸出結果:

jq serializeArray() 方法的介紹與使用

[
    {name: "name", value: "小明"}
    {name: "age", value: "20"}
    {name: "add", value: "上每"}
]

示例2:

html代碼:

<form action="">
    <input type="text" name="host" value="http://xswdd.cn" />
    <input type="text" name="name" value="飛鳥慕魚博客" />
    <input type="text" name="author"  />
</form>
<!--js代碼與上面的示例相同-->

控制臺輸出結果:

[
    {name: "host", value: "http://xswdd.cn"}
    {name: "name", value: "飛鳥慕魚博客"}
    {name: "author", value: ""}
]