JSON.stringify($('#form1')怎么使用?
时间: 2023-12-25 21:05:32 浏览: 68
JSON.stringify($('#form1')) 是将表单数据转换成 JSON 字符串的方法。它将表单元素的值序列化成一个 JSON 字符串。在使用时,先通过 jQuery 选择器选中表单元素,然后使用 JSON.stringify() 方法将表单数据转换成 JSON 字符串。例如:
```javascript
// 选中表单元素
var form = $('#form1');
// 将表单数据转换成 JSON 字符串
var jsonData = JSON.stringify(form.serializeArray());
// jsonData 就是表单数据的 JSON 字符串
console.log(jsonData);
```
在这个例子中,form.serializeArray() 方法将表单数据转换成一个数组,然后使用 JSON.stringify() 方法将数组转换成 JSON 字符串并存储到变量 jsonData 中。
相关问题
JSON.stringify怎么获取表单json
要使用 `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 字符串到控制台。
this.form = JSON.parse(JSON.stringify(row))
这段代码是将一个叫做 row 的 JavaScript 对象进行深拷贝,然后将拷贝后的对象赋值给 this.form。
具体来说,这个代码中使用了 JSON.stringify() 方法将 row 对象转换为 JSON 字符串,再使用 JSON.parse() 方法将 JSON 字符串转换为 JavaScript 对象,这样就创建了一个 row 对象的副本。最后,将这个副本对象赋值给 this.form。
这么做的目的可能是为了避免对原始对象进行修改,而是在副本对象上进行修改,以确保数据的安全性。
阅读全文