使用JavaScript/jQuery 存取表單資料
檢索表單數據,就好像透過經典HTML 方法提交一樣,這可能是一個常見的任務網絡開發。為了實現這一點,JavaScript/jQuery 提供了兩個主要選項:
選項1:使用$('form').serializeArray()
此方法轉換表單資料放入物件的陣列中,每個物件代表一個表單欄位。輸出採用以下格式:
[ {"name":"foo","value":"1"}, {"name":"bar","value":"xxx"}, {"name":"this","value":"hi"} ]
選項 2:使用$('form').serialize()
此方法檢索表單資料為一個字串,格式化為透過POST請求提交:
"foo=1&bar=xxx&this=hi"
捕捉複雜的表單元素
與簡單的輸入欄位不同,表單元素如文字區域、選擇、單選按鈕和複選框需要特定處理。上述兩種方法都能正確處理複雜的表單元素資料。
使用示例
以下代碼演示瞭如何使用這些方法:
// Using serializeArray() var formDataArray = $('form').serializeArray(); // Using serialize() var formDataString = $('form').serialize();
演示
請參閱此JSFiddle 示範以查看實際方法:https://jsfiddle.net/
以上是如何使用 JavaScript/jQuery 存取和序列化表單資料?的詳細內容。更多資訊請關注PHP中文網其他相關文章!