我想要做的是将加载图像附加到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但这是我唯一的选择，因为我必须等待此请求完成才能继续，因为我需要返回的数据。
这有什么办法吗？如果我在添加有效的加载图像之后发出警报，但我不想每次都弹出警报。