表单是网页中常用的元素之一，它经常用于收集用户的信息。在提交表单数据的过程中，有时需要将表单数据进行序列化，以便在客户端和服务器端之间传递。为实现这种需求，JQuery 提供了一个序列化表单数据的方法`serializeArray()`。

`serializeArray()`方法的基本语法如下：

```javascript

$( selector ).serializeArray();

```

该方法返回一个不含表单中未选中的复选框和单选按钮的对象数组，其中包含每个表单元素（如文本框、下拉框、复选框等）的名称和值：

```json

[

{

"name": "firstName",

"value": "John"

},

{

"name": "lastName",

"value": "Doe"

},

{

"name": "email",

"value": "john.doe@example.com"

}

]

```

在此，我们将为您介绍`serializeArray()`方法及其如何用于序列化表单数据的详细信息。

## 使用serializeArray()方法序列化表单数据

序列化表单数据的方法是在用户提交表单以前使用 `serializeArray()` 方法。该方法可以将表单数据序列化为一个标准的 URL-encoded 字符串。

下面是一个简单的 HTML 表单：

```html