0

Добрый день. Работаю с передачей JSON массивом. Не получается. Есть такой код подргружающий данные из файла data2.json:

 $.getJSON( "data2.json", function( json ) 
    {
      console.log( "JSON Data: " + json);
    });

И файл data2.json:

[
                    ['Shanghai', 23.7],
                    ['Lagos', 16,1],
                    ['Instanbul', 14.2]
]

При выводе страницы в браузере в консоли выдаются ошибки: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

И ошибка XMLHttpRequest cannot load file:///C:/%D0%A1%D0%90%D0%99%D0%A2%D0%AB/%D0%93%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B8/highcharts/column-rotated-labels/data2.json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access

Версия JQuery 1.8.2. Что я не так сделал для вывода данных массива JSON? Подскажите с массивами JSON не работал ни разу.

1
  • По умолчанию получение данных с серверов, отличных от текущего, запрещено. Для разрешения такого обмена требуется прописать тот самый упомянутый заголовок (естественно, файловая система сама его не отдаст), можете почитать про CORS, если интересно. Почему не все локальные файлы считаются за один сервер - не могу сказать.
    – etki
    8 мая 2014 в 6:35

2 ответа 2

4

@Victor Halauko

Об этом говорят "{}".

Ни о чем они не говорят. Спека JSON:

A JSON text is a serialized object or array.

http://www.ietf.org/rfc/rfc4627.txt

Видимо подразумевается, что остальные типы данных не имеет смысла сериализовать; в любом случае, большинство парсеров свободно десериализуют просто строку или число.

3
  • JSON - JavaScript Object Notation
    – VictorH
    8 мая 2014 в 7:50
  • 1
    В яваскрипте практически любой тип данных является объектом. Но я уже спеку привелЮ я не знаю, какие еще доказательства нужны.
    – etki
    8 мая 2014 в 7:52
  • Ты прав: This is a JSON array containing two objects: [ { "precision": "zip", "Latitude": 37.7668, "Longitude": -122.3959, "Address": "", "City": "SAN FRANCISCO", "State": "CA", "Zip": "94107", "Country": "US" }, { "precision": "zip", "Latitude": 37.371991, "Longitude": -122.026020, "Address": "", "City": "SUNNYVALE", "State": "CA", "Zip": "94085", "Country": "US" } ]
    – VictorH
    8 мая 2014 в 7:52
1

Я думаю, что проблема в том, что вы тестируете не на web-сервре, на просто на диске С. Скорее всего браузер не может определить имя хоста (домена) и ругается на ваш код.

11
  • Да верно. Я поместил на веб-сервер и ошибки пропали, но все равно вывода массива JSON нету. Как вывести к примеру корректно в alert или console или в блок html массив?
    – IntegralAL
    8 мая 2014 в 6:50
  • 1
    @IntegralAL, что такое html-массив? Простые объекты кидаются в консоль просто аргументом: console.log(obj, 'string', 12); // и все ок
    – etki
    8 мая 2014 в 6:53
  • потому что у вас в файле data2.json не json data вот пример json: {"success":true,"result":[{"category":"KAMERAS","products":[{"product_id":"42","product_name":"Canon 1D MK I","product_url":"Canon_1D_MK_I","image":"a16ed3a7a71cd637f3d052b2cbf1ba11.jpg","subcat_url":"Canon_Cameras","subcat_name":"KAMERAS","prod .........
    – VictorH
    8 мая 2014 в 6:53
  • 1
    @Victor Halauko, вообще-то там единственная ошибка в апострофах вместо кавычек (ну и запятая в одном месте наверянка стоит вместо точки).
    – etki
    8 мая 2014 в 6:57
  • 2
    @IntegralAL, ну соответственно так же разбивать на массивы $data = array( array('Shangai', 23.7), ... ); @Victor Halauko и что? [] - это тоже JSON, просто пустой массив. Я говорю, корневым элементом не обязательно является объект.
    – etki
    8 мая 2014 в 7:05

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.