javascript - jQuery $.getJSON 不返回任何数据，但状态为 200 OK

Question

我正在使用由 Google CDN 托管的 jQuery 1.11.1，并且在我的计算机上使用 python -m SimpleHTTPServer 运行本地简单服务器。现在 jQuery 已正确加载，在我的应用程序中我有以下代码:

$('document').ready(function () {

    // let's get the products
    $.getJSON( 'scripts/products.js', function ( data ) {
        console.log('got here');
        console.log(data);
    });

})

在这个阶段，我只是想确保我收到了位于 script/products.js 文件中的 JSON，并且仅包含以下代码:

[{
    product: "Product 1",
    size: "S",
    price: 10.99
},
{
    product: "Product 2",
    size: "M",
    price: 12.99
},
{
    product: "Product 3",
    size: "L",
    price: 13.99
}]

我没有从控制台收到任何错误，并且开发工具显示正在加载产品文件!我看到状态为 200 OK。那么为什么我的回调中的控制台日志没有被调用呢？如果我尝试循环数据什么都不会发生？

Answer 1

您引用的内容不是有效的 JSON。如果 jQuery 遵循浏览器内置的 JSON.parse，并且浏览器的 JSON.parse 很严格(我相信大多数都是这样)，尽管您正在检索products.js 文件的文本，解析失败。如果您使用 fail callback返回的 promise ，我希望您会看到它被调用。

在 JSON 中，键必须用双引号括起来:

[{
    "product": "Product 1",
    "size": "S",
    "price": 10.99
},
{
    "product": "Product 2",
    "size": "M",
    "price": 12.99
},
{
    "product": "Product 3",
    "size": "L",
    "price": 13.99
}]