jQuery 的 serializeArray()
方法可以將表單中的數據轉換為一個類似數組的對象,其中每個數組元素都包含一個鍵值對,表示表單字段的名稱和值。這對于將表單數據發送到服務器進行處理非常有用。
要使用 serializeArray()
處理表單,請按照以下步驟操作:
<head>
標簽中添加以下代碼來實現:<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<form id="myForm">
<input type="text" name="username" value="JohnDoe" />
<input type="email" name="email" value="john.doe@example.com" />
<input type="password" name="password" value="mypassword" />
<button type="submit">Submit</button>
</form>
submit
事件處理器中,調用 serializeArray()
方法將表單數據轉換為數組:$("#myForm").submit(function(event) {
event.preventDefault(); // 阻止表單的默認提交行為
const formDataArray = $(this).serializeArray();
console.log(formDataArray);
// 在這里處理 formDataArray,例如發送到服務器
});
現在,當用戶提交表單時,serializeArray()
方法將表單數據轉換為數組,并在控制臺中輸出。你可以根據需要處理這個數組,例如將其發送到服務器進行處理。