现在的位置: 首页 > 综合 > 正文

一个使用AJAX动态改变页面刷新的东东~~

2012年11月04日 ⁄ 综合 ⁄ 共 1382字 ⁄ 字号 评论关闭

不错,ajax可以实现。  
  不过远水解不了近渴,而且不一定适合你的环境。你完全可以借鉴ajax的核心思想,那就是用XMLHttpRequest对象。  
   
  下面是一个简单的例子:  
   
  <html>  
  <head>  
   
  <script   type='text/javascript'>  
   
  var   req=null;  
  var   console=null;  
  var   READY_STATE_UNINITIALIZED=0;  
  var   READY_STATE_LOADING=1;  
  var   READY_STATE_LOADED=2;  
  var   READY_STATE_INTERACTIVE=3;  
  var   READY_STATE_COMPLETE=4;  
   
  function   loadXMLDoc(url)   {  
          if   (window.XMLHttpRequest)   {  
                  req   =   new   XMLHttpRequest();  
          }   else   if   (window.ActiveXObject)   {  
                  req   =   new   ActiveXObject("Microsoft.XMLHTTP");  
          }  
          if   (req)   {  
                  req.onreadystatechange   =   processReqChange;  
                  req.open("GET",   url,   true);  
                  req.send(null);  
          }  
   
  }  
   
  function   processReqChange(){  
      var   ready=req.readyState;  
      var   data=null;  
      if   (ready==READY_STATE_COMPLETE){  
          data=req.responseText;  
      }else{  
          data="loading...["+ready+"]";  
      }  
      toConsole(data);  
  }  
   
   
  function   toConsole(data){  
      if   (console!=null){  
          var   newline=document.createElement("div");  
          console.appendChild(newline);  
          var   txt=document.createTextNode(data);  
          newline.appendChild(txt);  
      }  
  }  
   
  window.onload=function(){  
      console=document.getElementById('console');  
      loadXMLDoc("data.txt");  
  }  
  </script>  
   
  </head>  
  <body>  
  <div   id='console'></div>  
  </body>  
  </html>   
 
上面的例子存成一个html文件,自己加上脚本定时调用loadXMLDoc("data.txt"),再创建一个文件data.txt,就会在div中定时刷新data.txt的内容。

抱歉!评论已关闭.