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

【问题标题】：How to parse JSON (key ,value) String on the UI side in javascript如何在javascript中解析UI端的JSON（键，值）字符串
【发布时间】：2016-07-21 22:56:51
【问题描述】：

我在 UI 端使用 ReactJs，在对后端服务进行 ajax 调用后，我得到的响应是如下所示的 JSON 字符串，谁能告诉我如何在 UI 代码中再次将其解析为键值对。

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

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

任何类型的信息都会很有帮助。

【问题讨论】：

标签： javascript json ajax reactjs react-jsx

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

这不是有效的 JSON 语法，所以假设你得到了有效的 JSON：

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

$ parsed_json.name
// "xyz"

【讨论】：

【解决方案3】：

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

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

【讨论】：