are o bloqueio do navegador durante o Ajax (síncrono
O que estou tentando fazer é anexar uma imagem de carregamento a uma div (para que o usuário saiba que algo está carregando) e, em seguida, chamo uma função jquery ajax, definida como "async: false". Aqui está o meu código:
$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){
}
});
O problema é que o navegador bloqueia e não acrescenta a imagem de carregamento até que APÓS a chamada ajax seja concluída, o que é inútil, é claro. O Firefox é o único navegador que realmente anexa a imagem carregada. IE, Chrome e Safari NÃO anexam a imagem carregada.
Sei que o bloqueio do navegador ocorre porque o assíncrono está definido como falso, mas esta é a minha única opção, pois preciso aguardar a conclusão dessa solicitação antes de continuar, pois preciso dos dados retornado
Existe alguma maneira de contornar isso? Se eu colocar um alerta após o arquivo, acrescento a imagem de carregamento que funciona, mas não quero que um alerta seja exibido todas as vezes.