html停止所以ajax请求,在（同步）Ajax期间停止浏览器锁定？

我想做的是将加载图像添加到div(以便用户知道正在加载某些内容)，然后调用jquery 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，但这是我唯一的选择，因为我需要等待该请求完成才能继续，因为我需要返回的数据。

有没有办法解决？如果我在警报之后添加了可以正常工作的加载图像，但我不想每次都弹出警报。