📌  相关文章
📜  如何从 JSON.stringify($('form').serialize()) 中获取值 - Javascript (1)

📅  最后修改于: 2023-12-03 14:51:45.563000             🧑  作者: Mango

如何从 JSON.stringify($('form').serialize()) 中获取值 - Javascript

在 Web 开发中,我们经常需要将表单数据转换成 JSON 格式,以方便提交数据到后端或进行其他处理。其中使用 JSON.stringify($('form').serialize()) 是一种常用的方式。但是如何从这个序列化后的字符串中获取表单数据呢?下面将介绍两种获取方式。

1. 将 JSON 字符串转换成 Javascript 对象

我们可以使用 JSON.parse() 方法将序列化后的表单数据转换成 Javascript 对象,然后通过访问对象属性的方式获取表单数据。示例代码如下:

const formStr = JSON.stringify($('form').serialize());
const formData = JSON.parse(formStr);

const username = formData.username;
const password = formData.password;
// ... 其他表单数据
2. 直接解析序列化后的字符串

序列化后的表单数据字符串格式为 key1=value1&key2=value2&...&keyN=valueN,我们可以通过对字符串进行解析获取表单数据。示例代码如下:

const formStr = JSON.stringify($('form').serialize());

const formData = {};
const strArr = formStr.split('&');
strArr.forEach(item => {
  const keyValuePair = item.split('=');
  formData[keyValuePair[0]] = keyValuePair[1];
});

const username = formData.username;
const password = formData.password;
// ... 其他表单数据

以上两种方式都能够将序列化后的表单数据转换成我们常用的数据结构,从而方便我们进行后续的数据处理。