Блог

ОБНОВЛЕНИЕ Следуя предложению @ Ryan Olds включить setTimeout в обратный вызов, я должен уточнить, что в моем производственном коде я вызываю несколько URL-адресов для получения данных json с нескольких сайтов. (Обновил код JavaScript ниже).

Возможно ли иметь только несколько таймаутов, разбросанных по всей этой функции?

У меня есть самозапускающаяся функция updateFunction следующим образом:

 (function update() {
  $.ajax({
    type: 'GET',
    url: "http://myexample.com/jsondata",
    dataType: 'json',
    success: function (data) {
      // do some callback stuff
    },
    async: false
  });

 $.ajax({
    type: 'GET',
    url: "http://myexample2.com/jsondata2",
    dataType: 'json',
    success: function (data) {
      // do some further callback stuff
    },
    async: false
  });

  setTimeout(update, 2000);
})();
  

Чего я ожидал от этого кода

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

Что, похоже, происходит вместо

Вместо этого выполняется код запроса GET, и до обработки ответа уже установлен тайм-аут.

Чего мне не хватает? Как я могу сделать это полностью синхронным?

На вашем месте я бы воспользовался поддержкой jQuery для отложенных действий.

 (function update() {
    $.when($.ajax({
        type: 'GET',
        url: "http://myexample.com/jsondata",
        dataType: 'json',
        success: function (data) {
            // do some callback stuff
        }
    }), $.ajax({
        type: 'GET',
        url: "http://myexample2.com/jsondata2",
        dataType: 'json',
        success: function (data) {
            // do some further callback stuff
        }
    }), $.ajax({
        // more requests as you like
    })).then(function() {
        // when all the requests are complete
        setTimeout(update, 2000);
    });
}());
  

Гораздо приятнее, ИМХО, чем возиться с синхронными запросами. Действительно, если запросы являются междоменными, это практически ваш единственный вариант.

Смотрите

• $.when
• deferred.then

Перенесите время ожидания на обратный вызов с успехом. Запрос синхронен, казалось бы, обратный вызов — нет.

Я бы изменил настройку следующим образом:

 function update() {
  $.ajax({
    type: 'GET',
    url: "http://myexample.com/jsondata",
    dataType: 'json',
    success: function (data) {
      // do some callback stuff
    },
    async: false
  });

 $.ajax({
    type: 'GET',
    url: "http://myexample2.com/jsondata2",
    dataType: 'json',
    success: function (data) {
      // do some further callback stuff
    },
    async: false
  });
}

setInterval(update, 2000);

update(); // only necessary if you can't wait 2 seconds before 1st load.
  

Вы не можете сделать это полностью синхронным, потому что вы настраиваете вызовы в альтернативные домены. Это делается (внутри jQuery) путем создания <script> тегов и добавления их в документ. Браузеры выполняют эти вызовы асинхронно, и все. Вы не можете отправлять обычные xhr-запросы к доменам, отличным от вашего собственного.

Я не могу представить, почему вы хотите, чтобы что-то подобное было синхронным, тем более что вы выполняете многие из этих операций.

Я не думаю, что async: false работает с междоменными запросами.

Из документации: async Boolean По умолчанию: true По умолчанию все запросы отправляются асинхронно (т. Е. по умолчанию установлено значение true). Если вам нужны синхронные запросы, установите для этого параметра значение false. Междоменные запросы и запросы типа данных «jsonp» не поддерживают синхронную работу. Обратите внимание, что синхронные запросы могут временно блокировать браузер, отключая любые действия, пока запрос активен.

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