$ .getJSON не работает с локальным файлом JSON

Question

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

Я получаю JSON с jQuery следующим образом:

$.getJSON(
 "lib/js/app.json",
     function(data){
        $.each(data, function(i,user){
        +'<img src="'+user.thumbnail+'"/>
        });
      }
);

И получите эту консольную ошибку:

XMLHttpRequest cannot load file://localhost/Users/blakestruhs/new/lib/js/app.json. Origin null is not allowed by Access-Control-Allow-Origin.

Я жажду ответа здесь. Пожалуйста, помогите мне.

Answer 1

Chrome не позволяет выполнять ajax-вызовы в локальные файлы.См. Это

Answer 2

JSON должен загружаться по протоколу HTTP, а не по протоколу локальных файлов.

Междоменная жалоба заключается в том, что он будет обрабатывать каждый файл как отдельный домен, поэтому вам необходимо запустить его на веб-сервере..

либо настройте локальный веб-сервер, либо вместо этого сохраните свой JSON в переменной и вообще пропустите getJSON.

Answer 3

Вместо использования getJSON, для браузеров, которые его поддерживают (включая Chrome), вы можете использовать FileReader API.

var r = new FileReader();
r.onload = function(e) {
        var obj = JSON.parse(e.target.result);
        // do what you will with the object
}
// Start the async read
r.readAsText(file);

Обратите внимание, что файловая переменная должна быть объектом File или Blob.Самый простой способ получить его - позволить пользователю выбрать его из элемента ввода файла.Если вам нужно прочитать файл, не спрашивая пользователя, вы можете проверить: https://stackoverflow.com/a/30896068/2476389

Answer 4

Я думаю, что если вы обращаетесь к странице, которая вызывает getJSON с IP-адресом, тогда для файла json вместо IP-адреса используется IP-адрес вместо локального, фактически они принадлежат одному домену, и он должен работать

Answer 5

Я думаю, что вы используете браузер Webkit, как Chrome, верно? Чом не видит связи между двумя локальными файлами. Используйте Firefox или запустите его на веб-сервере;)

«Нулевой источник не разрешен Access-Control-Allow-Origin» в Chrome. Почему?

Answer 6

XmlHttpRequest не допускается для междоменных доменов.

Если вам нужно провести демонстрацию на локальном ПК, настройте ваше веб-приложение для запуска на локальном веб-сервере и сделайте так, чтобы источник json возвращался таким жевеб-приложение.

Это единственный способ заставить его работать.Вы не можете использовать Ajax-вызовы в файловой системе по соображениям безопасности.

Answer 7

Вы должны использовать http://localhost сверх file://localhost;

$.getJSON(
 "http://localhost/Users/blakestruhs/new/lib/js/app.json",
     function(data){
        $.each(data, function(i,user){
        +'<img src="'+user.thumbnail+'"/>
        });
      }
);