Остановить блокировку браузера во время (синхронно) Ajax?

Я пытаюсь добавить загружаемое изображение в div (чтобы пользователь знал, что что-то загружается), а затем я вызываю jjery ajax-функцию, для которой установлено значение «async: false». Вот мой код:

$jQuery("#playersListDiv").html(loadingImage);    
$jQuery.ajax({
         type: "POST", /* this goesn't work with GET */
         url: urlValue, /*ex: "NBAgetGamesList.php" */
         data: parameters, /*ex: "param1=hello" */
         cache: false,
         async: false,
                     success: function(data){

                     }
});

Проблема в том, что браузер блокирует загрузочное изображение и не добавляет его, пока ПОСЛЕ выполнения вызова ajax, что, конечно, бесполезно. Firefox - единственный браузер, который добавляет изображение к загрузке. IE, Chrome и Safari НЕ добавляют изображение загрузки.

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

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

Ответы на вопрос(3)

Ваш ответ на вопрос