jQuery $ .getJSON не возвращает никаких данных, но получает статус 200 OK

Question

Я использую jQuery 1.11.1, размещенный Google CDN, и я запускаю локальный простой сервер, используя 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); 
    }); 

}) 

на данном этапе я просто хочу, чтобы убедиться, что я получаю мой JSON, который находится в файле скриптов/products.js и содержит только следующий код:

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

У меня нет ошибок с консоли, и инструменты dev показывают, что файл продуктов загружается! Я вижу статус 200 OK. Итак, почему не вызываются журналы консоли в моем обратном вызове? Если я попытаюсь просмотреть данные, ничего не произойдет?

Answer 1

То, что вы указали, недействительно JSON. Если jQuery откладывает до встроенного в браузер JSON.parse, а JSON.parse браузера является строгим (как я полагаю, большинство из них), хотя вы извлекаете текст файла products.js, синтаксический анализ не выполняется. Если вы использовали fail callback возвращенного обещания, я ожидаю, что вы увидите, что его вызвали.

В 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 
}]