Ajax实现loading效果

最新推荐文章于 2021-08-05 15:45:10 发布

原创最新推荐文章于 2021-08-05 15:45:10 发布 · 311 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #html #ie #JavaScript #ViewUI

web前端专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了如何使用XMLHttpRequest进行异步加载，并通过状态监听实现数据的实时更新。


<script>
  function createxhr(){
    if(window.ActiveXResponse){ //IE
      xmlHttp = new ActiveXResponse();
    }elseif(window.XMLHttpResponse){  //非IE
      xmlHttp = new XMLHttpResponse  
  }
}

  function loading(){
    var img = "<img src="../images/loading.gif">"
      if(xmlHttp.readystate == 4){  //请求完成
         if(xmlHtt.status == 200){  //请求成功
           document.getElementById("data").innerHTML = xmlHttp.responseText;
         }
     }else{
           document.getElementById("data").innerHTML = img;
    }
}
</script>