要使用 jQuery 的 serializeArray() 方法获取表单数据,请按照以下步骤操作:
- 首先,确保您已经在 HTML 文件中包含了 jQuery 库。可以通过在
标签内添加以下代码来实现:
- 假设您有一个包含数据的 HTML 表单,如下所示:
注意,表单的 id
属性设置为 “myForm”,这将用于在 JavaScript 中选择表单。
- 接下来,编写一个 JavaScript 函数,该函数将在表单提交时触发并获取序列化后的数据:
$("#myForm").on("submit", function(event) { // 阻止表单的默认提交行为 event.preventDefault(); // 使用 serializeArray() 方法获取表单数据 var formData = https://www.yisu.com/ask/$(this).serializeArray();>在这个例子中,当用户提交表单时,我们首先阻止了表单的默认提交行为。然后,我们使用
serializeArray()
方法将表单数据转换为键值对数组。最后,我们将序列化后的数据打印到控制台。您可以根据需要处理这些数据,例如将其发送到服务器。