javascript - 从服务器读取 json 文件作为 JavaScript 中的字符串

Question

我有一个小型 javascript Web 应用程序，它读取 json 格式的硬编码字符串，如下所示(位于脚本本身内部):

root = {
    "name": "John", "imageURL":"images/root.png","id":"1",
        "children": [
             {"name": "project", "imageURL":"cool.png","id":"2",
             "children":[{"name": "ideas", "imageURL":"object1.png","id":"3"},
                      {"name": "boards", "imageURL":"object2.png","id":"46"}
]},
]
};

D3.js 然后使用它来渲染其图像。相反，我想从服务器上的 file.json 读取此 json(与 Web 应用程序位于同一目录)。我想我必须使用 AJAX 来实现这一点。我试过这个:

var output = "";
$.ajax({
url: "file.json",
type: 'Get',
dataType: "json",
success: function (result) {
    output = result; 
}
});

但是这并没有产生任何结果。

Answer 1

当我需要类似的东西时，我使用了 getJSON() ，这是您想要的简写。

你可以这样使用它:

$.getJSON('file.json', function(data) {
    // Do something with your data
});

但是，首先，检查您的 JSON。您共享的 JSON 无效，因为它包含不应该存在的逗号。

我总是使用像 JSONLint 这样的验证器以确定这一点。

希望对你有帮助!