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

获取表单数据是前端开发中非常基础的操作，也是我们经常需要用到的。下面将介绍如何使用 JavaScript/jQuery 获取表单数据。

JavaScript 获取表单数据

使用 JavaScript 获取表单数据，可以通过 form 对象来获取。表单对象 form 是一个 HTMLCollection，可以使用索引或名称来访问表单中的元素。

// 获取 form 元素
var form = document.getElementById('myForm');

// 获取表单元素的 value 值
var name = form.elements['name'].value;
var age = form.elements['age'].value;

需要注意的是，如果表单元素没有设置 name 属性，JavaScript 是无法获取该元素的值的。

使用 jQuery 获取表单数据

使用 jQuery 获取表单数据，可以使用 serialize() 方法，该方法将表单数据序列化成字符串。

// 获取表单元素的 value 值
var data = $('#myForm').serialize();

如果需要将表单数据转换为 JSON 格式，可以使用 serializeArray() 方法，该方法将表单数据以对象数组的形式返回。

// 将表单数据转换为 JSON 格式
var data = $('#myForm').serializeArray();

// 使用循环输出 JSON 格式的表单数据
$.each(data, function() {
  console.log(this.name + ": " + this.value);
});

需要注意的是，和 JavaScript 一样，如果表单元素没有设置 name 属性，jQuery 也是无法获取该元素的值的。

以上是 JavaScript/jQuery 获取表单数据的方法，根据实际情况选择合适的方法来获取表单数据。