JQuery序列化表单值serializeToJson()、serialize()方法
时间: 2023-11-30 21:02:48 浏览: 46
JQuery 提供了两种序列化表单值的方法:serializeToJson() 和 serialize()。
serializeToJson() 方法可以将表单中的所有字段值序列化为一个 JSON 对象,该方法需要依赖 jQuery 库和 json2 库。
示例代码:
```javascript
$.fn.serializeToJson = function () {
var serializeObj = {};
$(this.serializeArray()).each(function () {
serializeObj[this.name] = this.value;
});
return serializeObj;
};
```
使用方式:
```javascript
var formJson = $("#form").serializeToJson();
console.log(formJson);
```
serialize() 方法可以将表单中的所有字段值序列化为一个 URL 编码的字符串,该方法只需要依赖 jQuery 库。
示例代码:
```javascript
var formStr = $("#form").serialize();
console.log(formStr);
```
使用方式:
```html
<form id="form" method="post">
<input type="text" name="name" value="" />
<input type="text" name="age" value="" />
<button type="button" onclick="submitForm()">提交</button>
</form>
<script>
function submitForm() {
var formData = $("#form").serialize();
console.log(formData);
// ...
}
</script>
```