javascript - 使用 javascript 和 ajax 等待图像

Question

有没有办法在使用 XMLHttpRequest 时放置一个机智的图像（即 wait.gif）？

我有一个名为“loader”的“隐藏”div。我在哪里将显示更改为阻止，然后返回无？

这里基本上是我的代码：

var xmlhttp;
if (window.XMLHttpRequest){
  xmlhttp=new XMLHttpRequest();
  }
else {
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    ///Do Something with answer
    }
  }
xmlhttp.open("GET","gtservice01.php?s="+req01,true);
xmlhttp.send();

我还没有准备好进行 jquery 跳跃。

谢谢

R

Answer 1

xmlhttp.onreadystatechange=function( ) { 
    if(xmlhttp.readyState==4){
        //set display to none
        document.querySelector("div#loader").style.display="none";
        if(xmlhttp.status==200){ 
            //Do Something with answer 
        }
    } 
} 

xmlhttp.open("GET","gtservice01.php? s="+req01,true);
//set display to block
document.querySelector("div#loader").style.display="block";
xmlhttp.send();