JQuery $.getJSON 加载本地 JSON 文件不起作用

Question

我的问题很简单，我有一个名为 new.json 的文件，我尝试使用 JQuery 加载和显示数据。我一直在编写 JavaScript 代码:

$.getJSON("new.json", function(data){
        // I have placed alert here previously and realized it doesn't go into here
        $.each(data.streetCity, function(i,s){
            alert(s);
        });
    });
}

new.json 中的数据如下所示:

{"streetCity":
    {
        "1":"Abergement-Clemenciat",
        "2":"Abergement-de-Varey",
        "3":"Amareins"
    }
};

Answer 1

如果您使用的是 Chrome。因为Chrome不允许xmlhttprequest请求本地文件。所以jquery无法加载你的new.json

您可以添加

--允许从文件访问文件

到chrome的启动命令。这可以让xmlhttprequest加载本地资源