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

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

jq serializeArray() 方法的介紹

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

語法：

$(selector).serializeArray()

返回值：

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

注意：

返回的 JSON 對象是由一個對象數組組成的，其中每個對象包含一個名（name 參數）或名與值的對（name 參數和 value 參數

輸出的格式：

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

jq serializeArray() 使用方法

示例1：

控制檯輸出結果：

Array(3)
0: {name: "name", value: "小明"}
1: {name: "age", value: "20"}
2: {name: "add", value: "上每"}
length: 3
__proto__: Array(0)

示例2：

html代碼：

控制檯輸出結果：
 
[
 {name: "host", value: "http://www.feiniaomy.com"}
 {name: "name", value: "飛鳥慕魚博客"}
 {name: "author", value: ""}
]
 

                

            

            
            
            
            
            
            
            
            
            
            
            

            



分享到:



 閱讀更多  飛鳥慕魚 
的文章

關鍵字:
jQuery
表單
前臺