JQuery 表單序列化是將表單的數據轉換為查詢字符串(name/value 對)的過程,這對于 Ajax POST 請求非常有用。在重復在多個頁面中編寫表單序列化代碼時,您可以將此代碼封裝在函數中,以便在需要時重復使用。
// 表單序列化示例 $(function(){ $("form").submit(function(event){ event.preventDefault(); var form_data = $(this).serializeArray(); var json_data = {}; $.each(form_data, function(index, item){ json_data[item.name] = item.value; }); console.log(json_data); }); });
在上面的代碼中,我們使用了 JQuery 的 serializeArray() 方法將表單數據存儲為數組。然后,我們遍歷該數組并將每個 name/value 對添加到一個 JSON 對象中,以便將其用于 Ajax POST 請求。
由于表單數據是一個數組,因此我們需要將其轉換為 JSON 格式。在轉換期間,我們還將 name/value 對添加到一個 JSON 對象中。這樣,當我們發送 Ajax POST 請求時,我們可以將 JSON 對象作為要發送的數據。
使用表單序列化來減少 Ajax 請求中的工作量,將傳遞的數據更加簡化。此外,您可以使用 JQuery 表單序列化功能以更少的代碼添加 Ajax 表單驗證,因為您可以將表單數據存儲為 JSON,從而使驗證代碼更加簡單。