您现在的位置：首页 >> 电脑技术 >> 网页设计 >> 内容

Ajax实现页面加载等待

时间：2010/12/22 22:24:41 点击：

Js代码
  1.  function createXMLHttpRequest(){   
  2.      if(window.XMLHttpRequest){ //Mozilla    
  3.       XMLHttpReq=new XMLHttpRequest();   
  4.       }   
  5.       else if(window.ActiveXObject){   
  6.        try{   
  7.         XMLHttpReq=new ActiveXObject("Msxml2.XMLHTTP");   
  8.         }catch(e){   
  9.          try{   
  10.           XMLHttpReq=new ActiveXObject("Microsoft.XMLHTTP");   
  11.           }catch(e){}   
  12.           }   
  13.          }   
  14.         }   
  15.    //发送请求函数   
  16.    function send(url){   
  17.     appendDiv("Loading.....!");    
  18.     createXMLHttpRequest();   
  19.     XMLHttpReq.open("get",url,true);   
  20.     XMLHttpReq.onreadystatechange=proce;   //指定响应的函数   
  21.     XMLHttpReq.send(null); //发送请求   
  22.     }   
  23.    function proce(){   
  24.     if(XMLHttpReq.readyState==4){ //对象状态   
  25.      if(XMLHttpReq.status==200){//信息已成功返回，开始处理信息          
  26.       var xmlDoc=XMLHttpReq.responseText;   
  27.       document.write(xmlDoc);   
  28.      }else{   
  29.      }}}    
  30.    //增加div显示Loading字样    
  31.    function appendDiv (message) {   
  32.    var div = document.createElement("DIV");   
  33. div.align="center";   
  34. div.style.fontSize="24px";   
  35. div.style.margin="15%";   
  36. var messageNode = document.createTextNode(message);   
  37. div.appendChild(messageNode);   
  38. document.body.innerHTML="";   
  39. document.body.appendChild(div);}   
  40. onload=send;  

Tags:实现 页面 加载 等待 
作者：不详　来源：网络
  • 上一篇：[AJAX]页面加载完成前的等待效果
  • 下一篇：没有了
    • 共有评论 0 条相关评论
    发表我的评论
    • 大名：
    • 内容：
  • 0759生活杂侃(www.0759gj.com) © 2024 版权所有 All Rights Reserved.
  • 公安备案:网监备4408013010516号 粤ICP备06030107号
  • Powered by laoy! V4.0.2

    • 部分文章来源于网络,若侵犯了您的权益请跟我们联系！