为什么JSON.parse（）不解析这个？

Question

我有JSON数据，正在尝试使用JSON.parse()进行解析。 我不断收到错误： unexpected token o 。 有人可以帮忙吗？ 我觉得我应该提到我将使用解析的JSON数据填充Dojo存储，然后将其用于填充Dijit树。 有人会推荐任何其他方法来形成树形UI吗？

这是我的代码。

$(document).ready(function(){

require([
"dojo/ready", "dojo/_base/window", "dojo/json","dojo/dom","dojo/store/Memory", "dojo/store/Observable",
"dijit/tree/ObjectStoreModel", "dijit/Tree", "dojo/domReady!", "dojo/mouse","dojo/text!./data/all.json"],
 function(ready, win, JSON, dom, Memory, Observable, ObjectStoreModel, Tree, mouse, data){

var testStore = new Memory({

    data :  JSON.parse($("#getData").click(
            function(){
                  var inputString = "pspTreegetData{}";
                  var state =  Function that executes Tcl script and returns the JSON data
                  return state;
            })),

这是我的Tcl脚本，当我检查其输出时会提供原始JSON数据，

proc pspTreegetData {} {
            set fo [open "C:/Path/To/File/sampleTest.json" r]
            set text [read $fo]
            close $fo
            puts $text 
            return $text
}

我的Json文件如下，

 [
{
    "name" : "root",
    "id"   : "rootNode",
    "description" : "This is the root node"
},

{
    "name"  : "level1_node1",
    "id"    : "l1n1", 
    "description" : "This is the first node of level 1",
    "parent" : "rootNode"
},

    { 
        "name"  : "level2_node1",
        "id"    :  "l2n1",
        "description" : "This is the first node of level 2",
        "parent" : "l1n1"
    },

    { 
        "name"  : "level2_node2",
        "id"    : "l2n2",
        "description" : "This is the second node of level 2",
        "parent" : "l1n1"
    },

        { 
            "name"    : "level3_node1",
            "id"      : "l3n1",
            "description" : "This is the first node of level 3",
            "parent" : "l2n2"
        },

        {
            "name"    : "level3_node2",
            "id"      : "l3n2",
            "description" : "This is the second node of level 3",
            "parent" : "l2n2"
        },

{ 
        "name"  : "level1_node2",
        "id"    : "l1n2",
        "description" : "This is the second node of level 1",
        "parent" : "rootNode"
},

{ 
        "name"  : "level1_node3",
        "id"    :  "l1n3",
        "description" : "This is the third node of level 1",
        "parent" : "rootNode"
},
        { 
            "name"  : "level2_node3",
            "id"    : "l2n3",
            "description" : "This is the third node of level 2",
            "parent" : "l1n3"
        },

        { 
            "name"  : "level2_node4",
            "id"    : "l2n4",
            "description" : "This is the fourth node of level 2",
            "parent" : "l1n3"
        },


{ 
        "name"  : "level1_node4",
        "id"   : "l1n4",
        "description" : "This is the fourth node of level 1",
        "parent" : "rootNode"
}
]

Answer 1

我不断收到错误：意外令牌o。

这意味着您正在尝试解析已解析的对象。 只需删除JSON.parse()并按原样使用输入数据即可。

为什么是“令牌o”？ 因为JSON.parse()在提供的输入上运行toString()方法，以确保它确实是String类型。 但是，在对象上调用toString()会生成字符串"[object Object]" 。 第一个字符看起来像数组，但是第二个绝对不是可解析的。 因此，错误。

UPD。 当您尝试解析jQuery实例对象时，您会感到非常困惑-因为在编写JSON.parse($("#getData").click());时会发生这种情况JSON.parse($("#getData").click()); 。 尽管事件对象中有return state行，但您无法从事件侦听器函数中返回 ，因为这根本没有任何意义。 您绑定事件，它可能会在5分钟内发生-当然脚本不会等到它发生。

我不确定您加载数据的方式如何，只提供了一行：

var state =  Function that executes Tcl script and returns the JSON data 

但是我很确定“执行Tcl脚本的函数”将接受回调函数或返回thenable / promise对象。 在这种情况下，您的代码应如下所示：

require([
    "dojo/ready", "dojo/_base/window", "dojo/json", "dojo/dom", "dojo/store/Memory",
    "dojo/store/Observable", "dijit/tree/ObjectStoreModel", "dijit/Tree", "dojo/domReady!",
    "dojo/mouse", "dojo/text!./data/all.json"
], function(ready, win, JSON, dom, Memory, Observable, ObjectStoreModel, Tree, mouse, data) {

    $("#getData").click(function() {
        var inputString = "pspTreegetData{}";
        Function_that_executes_Tcl_script(function(data) {
            var testStore = new Memory({
                data: JSON.parse(data) // or if data is Object already just data: data 
            });
        })
    });

});

Answer 2

实际上看起来您有经典的异步问题...

听起来更合理...

$("#getData").click(function(){
    var inputString = "pspTreegetData{}";
    var state =  Function that executes Tcl script and returns the JSON data
    var testStore = new Memory({
        data :  JSON.parse(state),
 //...

检查这篇文章： 如何从异步调用返回响应？