当前位置：文章中心 - 脚本应用 - Ajax加载信息提示实例(转)
相关文章
这里放搜索
最新文章
Ajax加载信息提示实例(转)
关键词：Ajax,信息,实例 时间:2008年06月03日 星期二 阅读:677
程序代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    
  2. <html xmlns="http://www.w3.org/1999/xhtml">    
  3.    
  4. <head>    
  5. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />    
  6. <title>XMLHTTP</title>    
  7. </head>    
  8.    
  9. <body>    
  10.    
  11. <div id="board"></div>    
  12.    
  13. <script type="text/javascript" language="javascript">    
  14. <!--    
  15. function CreateHTTPObject()    
  16. {    
  17.     var xmlhttp;    
  18.         
  19.     try   
  20.     {    
  21.         xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");    
  22.     }    
  23.     catch (e)    
  24.     {    
  25.         try   
  26.         {    
  27.             xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");    
  28.         }    
  29.         catch (e)    
  30.         {    
  31.             xmlhttp = false;    
  32.         }    
  33.     }    
  34.         
  35.     if (!xmlhttp && typeof XMLHttpRequest!='undefined')    
  36.     {    
  37.         try   
  38.         {    
  39.             xmlhttp = new XMLHttpRequest();    
  40.         }    
  41.         catch (e)    
  42.         {    
  43.             xmlhttp=false;    
  44.         }    
  45.     }    
  46.         
  47.     if (!xmlhttp && window.createRequest)    
  48.     {    
  49.         try   
  50.         {    
  51.             xmlhttp = window.createRequest();    
  52.         }    
  53.         catch (e)    
  54.         {    
  55.             xmlhttp=false;    
  56.         }    
  57.     }    
  58.         
  59.     return xmlhttp;    
  60. }    
  61.    
  62.    
  63. //使用全局变量 xmlhttp    
  64. function OnReadyStateChng()    
  65. {    
  66.     if (xmlhttp.readyState == 0)    
  67.     {    
  68.         document.getElementById("board").innerHTML = "尚未初始化";    
  69.     }    
  70.     else if (xmlhttp.readyState == 1)    
  71.     {    
  72.         document.getElementById("board").innerHTML = "正在加载";    
  73.     }    
  74.     else if (xmlhttp.readyState == 2)    
  75.     {    
  76.         document.getElementById("board").innerHTML = "加载完毕";    
  77.     }    
  78.     else if (xmlhttp.readyState == 3)    
  79.     {    
  80.         document.getElementById("board").innerHTML = "正在处理";    
  81.     }    
  82.     else if (xmlhttp.readyState == 4)    
  83.     {    
  84.         document.getElementById("board").innerHTML = xmlhttp.responseText; //处理完毕    
  85.     }    
  86.         
  87. }    
  88.    
  89. var xmlhttp = CreateHTTPObject();    
  90. if (xmlhttp)    
  91. {    
  92.     xmlhttp.open("GET", "http://www.cftea.com/", true);    
  93.     xmlhttp.onreadystatechange = OnReadyStateChng;    
  94.     xmlhttp.send(null);    
  95. }    
  96. -->    
  97. </script>    
  98.    
  99. </body>    
  100.    
  101. </html>  
上一篇：极具“杀伤力”的网页调色板下一篇：JavaScript 压缩

0条记录访客评论

暂未有任何评论,你来发表一篇吧！

发表评论

(必填)
(必填)
不想保留信息请删除cookie！
 
友情链接