Syncrhonous междоменной AJAX запрос

Question

Предположит следующую структуру каталогов:

/web 
    example.html 
    example.js 
/example.json 

Я открываю example.html с моим браузером, и она работает example.js, который пытается загрузить данные в example.json синхронно с использованием следующий вызов:

$.ajax({url: "file:///example.json", 
     dataType: "json", 
     async: false, 
     success: function(data) { 
      console.log(data) 
     }, 
     error: function(request, status, error) { 
      console.log(request); 
      console.log(status); 
      console.log(error); 
     } 
}); 

Это приводит к ошибке с сообщением «Доступ к ограниченным URI отказано» и код ошибки 1012. до сих пор, я взял посмотреть на Access to restricted URI denied“ code: ”1012 - Cross domain Ajax request и Access to restricted URI denied code: 1012. Первая ссылка предложила использовать метод jQuery getJSON, но этот метод работает только асинхронно. Вторая ссылка предлагает какой-то обратный вызов JSONP, но я не смог понять, как именно они работают.

Обратите внимание, что эта проблема легко исчезнет, ​​если я перемещу example.json в /web/example.json, но я хотел бы избежать этого из-за некоторых обстоятельств моей реальной проблемы (то, что я представил здесь, является упрощением моего актуальная проблема).

EDIT: Я пытаюсь это JSONP кода, но я до сих пор работаю в ту же ошибку:

$.ajax({url: "file:///example.json", 
    dataType: "jsonp", 
    success: function(data) { 
     console.log(data) 
    }, 
    error: function(request, status, error) { 
     console.log(request); 
     console.log(status); 
     console.log(error); 
    } 
}); 

Answer 1

По умолчанию междоменного AJAX запросов не допускается. Вам нужно разрешение с другого сервера, используя CORS, или вы можете использовать JSONP.

Answer 2

Ваши аргументы в пользу использования синхронного ajax ошибочны. Если вы хотите дождаться завершения всех запросов ajax, используйте следующую методологию.

var ajaxRequest1 = $.ajax(); 
var ajaxRequest2 = $.ajax(); 
var ajaxRequest3 = $.ajax(); 
$.when(ajaxRequest1, ajaxRequest2, ajaxRequest3).done(function(){}); 

Это будет намного эффективнее/быстрее, чем выполнение последовательности синхронных запросов ajax внутри цикла.

Answer 3

Междоменные запросы и данныеТип: запросы «jsonp» не поддерживают синхронную работу.

Look at documentation here.