JSON 字符串转 JS 对象

IT技术 javascript jquery json jsonp getjson
2021-03-18 22:01:59

我正在使用 JS 对象通过 Google 可视化创建图形。我正在尝试设计数据源。首先，我在客户端创建了一个 JS 对象。 

var JSONObject = {
  cols: [{
      id: 'date',
      label: 'Date',
      type: 'date'
    },
    {
      id: 'soldpencils',
      label: 'Sold Pencils',
      type: 'number'
    },
    {
      id: 'soldpens',
      label: 'Sold Pens',
      type: 'number'
    }
  ],
  rows: [{
      c: [{
        v: new Date(2008, 1, 1),
        f: '2/1/2008'
      }, {
        v: 30000
      }, {
        v: 40645
      }]
    },
    {
      c: [{
        v: new Date(2008, 1, 2),
        f: '2/2/2008'
      }, {
        v: 14045
      }, {
        v: 20374
      }]
    },
    {
      c: [{
        v: new Date(2008, 1, 3),
        f: '2/3/2008'
      }, {
        v: 55022
      }, {
        v: 50766
      }]
    }
  ]
};

var data = new google.visualization.DataTable(JSONObject, 0.5);

现在我需要动态获取数据。所以我向一个返回 JSON 字符串的页面发送了一个 AJAX 请求：

 "cols: [{id: 'date', label: 'Date', type: 'date'},
{id: 'soldpencils', label: 'Sold Pencils', type: 'number'},
{id: 'soldpens', label: 'Sold Pens', type: 'number'}],
  rows: [{c:[{v: new Date(2008,1,1),f:'2/1/2008'},{v: 30000}, {v: 40645}]},
      {c:[{v: new Date(2008,1,2),f:'2/2/2008'},{v: 14045}, {v: 20374}]},
{c:[{v: new Date(2008,1,3),f:'2/3/2008'},{v: 55022}, {v: 50766}]}"

这我保存到一个变量中：

var var1 = "cols: [{i ....... 66}]}"

并显示为 

alert(var1);

现在我的任务是从这个字符串创建一个 JS 对象。这是行不通的。当我使用 JS 对象时，一切正常，我能够获得所需的图形。现在，如果我尝试将来自警报消息的 AJAX 请求中的相同字符串值放入对象中，则该对象未正确创建。请让我知道您的意见和任何更正或建议。

5个回答

一些现代浏览器支持将 JSON 解析为原生对象：

var var1 = '{"cols": [{"i" ....... 66}]}';
var result = JSON.parse(var1);

对于不支持的浏览器，可以从json.org下载json2.js来安全解析 JSON 对象。该脚本将检查原生 JSON 支持，如果它不存在，则提供 JSON 全局对象。如果更快的本地对象可用，它将退出脚本并保持原样。但是，您必须提供有效的 JSON，否则它会抛出错误 — 您可以使用http://jslint.com或http://jsonlint.com检查 JSON 的有效性。

如果您信任字符串中的数据，则可以使用 eval(jsonString) ，否则您需要正确解析它 - 检查 json.org 以获取一些代码示例。

我可以信任来自大型网站 API (Reddit) 的内容吗？
2021-05-08 22:01:59

您问题中的字符串不是有效的 json 字符串。从json.org 网站：

JSON 建立在两种结构上：

* A collection of name/value pairs. In various languages, this is 
  realized as an object, record, struct, dictionary, hash table, keyed list, or
  associative array.
* An ordered list of values. In most languages, this is realized as an
  array, vector, list, or sequence.

基本上一个 json 字符串总是以 { 或 [ 开头。

然后正如@Andy E 和@Cryo 所说，您可以使用 json2.js 或其他一些库来解析字符串。

恕我直言，您应该避免使用 eval，因为它会运行任何 javascript 程序，因此您可能会遇到安全问题。

您可以使用JSON.org 中的这个库将您的字符串转换为 JSON 对象。

var var1_obj = JSON.parse(var1);

或者您也可以使用jquery-json库。

var var1_obj = $.toJSON(var1);

您返回的字符串不是有效的 JSON。对象中的名称需要被引用，并且需要将整个字符串放入{ … }以形成一个对象。JSON 也不能包含类似new Date(). JSON 只是 JavaScript 的一个小子集，它只有字符串、数字、对象、数组true、false和null。

有关更多信息，请参阅JSON 语法。

其它你可能感兴趣的问题
上一篇如何在 Angular2 中取消订阅 下一篇如何在spidermonkey JavaScript中获得控制台输入？