使用JQuery从本地URL解析JSON

Question

我有一个本地网址,我可以检索一个json文件.我还有一个使用JQuery构建的简单网站.

我已经查找了许多网站上的教程和示例代码,了解如何检索json输入并解析它,以便我可以在我的网站上显示它.然而非有用,因为我仍然无法使其工作.

所以作为最后的手段,我将要求s​​tackoverflow提供帮助.我有很多java知识,但我对'web'开发相对较新,并且了解一些javascript基础知识.

这是我的网址的示例输出:

[
    {
        "baken": "not implemented...",
        "deviceType": "Optimus 2X",
        "batteryLevel": "1.0",
        "gps": {
            "speed": 0,
            "Date": "TueNov0100: 34: 49CET2011",
            "Accuracy": 35,
            "longitude": {removed},
            "latitude": {removed},
            "Provider": "gps"
        },
        "deviceId": "4423"
    },
    {
        "baken": "notimplemented...",
        "deviceType": "iPhone",
        "batteryLevel": "30.0",
        "gps": {
            "speed": 0,
            "Date": "TueNov0116: 18: 51CET2011",
            "Accuracy": 65,
            "longitude": {removed},
            "latitude": {removed},
            "Provider": null
        },
        "deviceId": "4426"
    }
]

希望你能帮我..

Answer 1

如果您正在运行本地Web服务器并且网站和json文件由它提供服务,您可以执行以下操作:

$.getJSON('path/to/json/file.json', function(data) {
  document.write(data);
})

如果您只是使用文件而没有使用网络服务器,则可能会遇到浏览器的origin-policy问题,因为无法通过跨域发送AJAX请求,并且对于本地文件的请求,默认情况下源域为"null".

如果您使用的是Chrome,则可以尝试使用该--allow-file-access-from-files参数进行开发.