JSON.stringify怎么获取表单json
时间: 2023-07-01 18:21:22 浏览: 102
要使用 `JSON.stringify` 方法将表单序列化为 JSON 字符串,可以先通过 jQuery 的 `serializeArray()` 方法获取表单的数据数组,然后再将其转换为 JSON 字符串。
示例代码如下:
```javascript
$(function() {
$('form').submit(function(event) {
event.preventDefault(); // 阻止表单提交
var formData = $(this).serializeArray(); // 获取表单数据数组
var jsonData = {};
// 将表单数据数组转换为 JSON 对象
$.each(formData, function() {
if (jsonData[this.name]) {
if (!jsonData[this.name].push) {
jsonData[this.name] = [jsonData[this.name]];
}
jsonData[this.name].push(this.value || '');
} else {
jsonData[this.name] = this.value || '';
}
});
var jsonString = JSON.stringify(jsonData); // 将 JSON 对象转换为 JSON 字符串
console.log(jsonString); // 输出 JSON 字符串
});
});
```
在上述代码中,首先使用 jQuery 的 `serializeArray()` 方法获取表单的数据数组 `formData`,然后通过遍历数组将其转换为 JSON 对象 `jsonData`,最后使用 `JSON.stringify` 方法将其转换为 JSON 字符串 `jsonString`。最终输出 JSON 字符串到控制台。
阅读全文