如何使用 JavaScript/jQuery 获取表单数据？

本文将介绍如何使用 JavaScript 和 jQuery 分别获取表单数据。

使用 JavaScript 获取表单数据

在 JavaScript 中，我们可以使用 document.forms 属性获取一个包含当前页面上所有表单的集合。然后，我们可以根据表单的 name 或 id 属性获取特定的表单，我们可以使用 form.elements 属性获取表单元素的集合。最后，我们可以通过遍历所有表单元素来获取每个元素的值，并将其存储在对象中。

下面是使用JavaScript获取表单数据的代码:

const form = document.forms['myForm'];
const formData = {};
for (let i = 0; i < form.elements.length; i++) {
  const element = form.elements[i];
  formData[element.name] = element.value;
}
console.log(formData); // 输出包含表单数据的对象

使用 jQuery 获取表单数据

在 jQuery 中，我们可以使用 $('form') 选择器选择所有的表单，使用 $('form[name="myForm"]') 选择器选择带有特定名称的表单，使用 $('form[name="myForm"]').serialize() 方法将表单序列化为 URL 编码的字符串，使用 $('input[name="username"]').val() 方法获取单个表单元素的值。

下面是使用jQuery获取表单数据的代码：

const formData = $('form[name="myForm"]').serializeArray();
const formDataObj = {};
$.each(formData, function() {
  formDataObj[this.name] = this.value;
});
console.log(formDataObj); // 输出包含表单数据的对象

以上就是使用 JavaScript 和 jQuery 分别获取表单数据的方法，根据具体情况选择适合自己的方法即可。