要使用 jQuery 的 serializeArray() 方法獲取表單數(shù)據(jù),請(qǐng)按照以下步驟操作:
<head>
標(biāo)簽內(nèi)添加以下代碼來(lái)實(shí)現(xiàn):<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="johndoe@example.com" />
<input type="password" name="password" value="mypassword" />
<button type="submit">Submit</button>
</form>
注意,表單的 id
屬性設(shè)置為 “myForm”,這將用于在 JavaScript 中選擇表單。
$("#myForm").on("submit", function(event) {
// 阻止表單的默認(rèn)提交行為
event.preventDefault();
// 使用 serializeArray() 方法獲取表單數(shù)據(jù)
var formData = $(this).serializeArray();
// 打印序列化后的數(shù)據(jù)
console.log(formData);
// 在此處處理序列化后的數(shù)據(jù),例如發(fā)送到服務(wù)器
});
在這個(gè)例子中,當(dāng)用戶提交表單時(shí),我們首先阻止了表單的默認(rèn)提交行為。然后,我們使用 serializeArray()
方法將表單數(shù)據(jù)轉(zhuǎn)換為鍵值對(duì)數(shù)組。最后,我們將序列化后的數(shù)據(jù)打印到控制臺(tái)。您可以根據(jù)需要處理這些數(shù)據(jù),例如將其發(fā)送到服務(wù)器。