javascript - 使用 JQuery 从本地 url 解析 JSON

Question

我有一个本地 URL，可以在其中检索 json 文件。我还有一个使用 JQuery 构建的简单网站。

我在许多网站上查找了有关如何检索 json 输入并解析它的教程和示例代码，以便我可以将其显示在我的网站上。但是没有帮助，因为我仍然无法使其工作。

因此，作为最后的手段，我将向 stackoverflow 寻求您的帮助。我有很多 Java 知识，但我对“网络”开发还比较陌生，并且了解一些 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

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

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

如果您只使用文件而没有网络服务器，您可能会遇到浏览器的原始策略问题，因为 AJAX 请求无法通过跨域发送，并且对于来自本地文件的请求，原始域默认为“null” .

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