如何在javascript中解析UI端的JSON（键，值）字符串

Question

我在UI端使用ReactJs，在对后端服务进行ajax调用之后，我得到的响应是一个类似下面的JSON字符串，任何人都可以告诉我如何在UI代码中再次将其解析为键值对。 / p>

{name = xyz，transit_To = INIT，request = something，Skip = true，action = Submit，Priority = 1，Node = Submit}

如何访问键值对，因为这是一个字符串。

任何形式的信息都会非常有用。

Answer 1

正确的 JSON可以使用JSON.parse进行解析。例如，

const options = JSON.parse('{"name":"xyz","transit_To":"INIT",  ...}');

您的示例字符串似乎不是正确的JSON，因此如果您无法控制后端API，则可能必须编写自定义解析器。

Answer 2

这是无效的JSON语法，所以假设您正在获得有效的JSON：

$ const parsed_json = JSON.parse('{"name":"xyz","transit_To":"INIT"}');
// Object {name: "xyz", transit_To: "INIT"}

$ parsed_json.name
// "xyz"

Answer 3

“当您收到JSON字符串作为响应时，不要查看它。”相反，将其视为“不透明（！）信息”，并将直接传递给JSON.parse()。

如果解析成功了，那么你现在拥有的是：“一个JavaScript数据结构。”在这种情况下，它将是一个带有的对象（或一个哈希）密钥，例如name，transit_To等。您现在可以像处理任何此类JavaScript一样对待它，无论它来自何处。