serializeArray()
时间: 2023-11-11 20:05:48 浏览: 111
`serializeArray()` 是 jQuery 库中的一个函数,用于将表单元素的值序列化为一个数组,以便于在 AJAX 请求中进行传输。当在一个表单内调用 `serializeArray()` 时,它会将表单内所有带有 `name` 属性的元素的值序列化为一个对象数组。每个对象都包含一个 `name` 属性和一个 `value` 属性,分别对应表单元素的 `name` 和 `value` 属性值。例如,下面是一个使用 `serializeArray()` 的示例:
```html
<form id="myForm">
<input type="text" name="username" value="John Doe">
<input type="email" name="email" value="john@example.com">
<input type="checkbox" name="subscribe" value="1" checked>
</form>
```
```javascript
var formArray = $('#myForm').serializeArray();
console.log(formArray);
/*
Output:
[
{name: "username", value: "John Doe"},
{name: "email", value: "john@example.com"},
{name: "subscribe", value: "1"}
]
*/
```
在 AJAX 请求中,可以将序列化后的数组直接作为 `data` 参数传递给 `$.ajax()` 或 `$.post()` 等方法,如下所示:
```javascript
$.ajax({
url: '/submit-form',
type: 'POST',
data: $('#myForm').serializeArray(),
success: function(response) {
console.log('Form submitted successfully!');
}
});
```