Question

我尝试将json文件导入到我的html表中。但是现在它没有用。我不确定路径是否写得那么正确。或者我做错了什么。我真的希望有人帮助我。

我的JSON文件：

{
    "_id": "",
    "_rev": "",
    "geometry": {
        "coordinates": [],
        "type": ""
    },
    "type": "Feature",
    "properties": {
        "editor": "",
        "OS_Version": "",
        "Make_and_M": "",
        "title": "",
        "Name": "",
        "Species_Id": "",
        "timestamp": ""
    }
}

我的HTML代码：

$(function() {
    var people = [];
    $.getJSON('\\Users\\betzenben\\Dropbox\\Website\\test.json', function(json) {
        $.each(json.properties, function(i, f) {
            var tblRow = "<tr>" + "<td>" + f.title + "</td>" + "<td>" + f.Name + "</td>" + "<td>" + f.Species_Id + "</td>" + "<td>" + f.timestamp + "</td>" + "</tr>";
            $(tblRow).appendTo("#userdata tbody");
        });
    });
});

Answer 1

您需要在您的网络服务器上拥有该文件。该文件需要像http://yourserver/file.json一样访问。另外，请确保您的网络服务器支持.json mime-type，否则请使用.js

只有在后端（例如nodejs）才能访问本地文件，否则就无法访问。

Javascript正在客户端（在浏览器中）运行，您无法访问用户文件系统（这将是一个安全问题）

Answer 2

我认为，您必须使用jsonp来访问外部域（Same-Origin-Policy）。

希望这会对你有所帮助。

将外部JSON文件加载到HTML表

2 个答案: