📄 autorefresh.jsp

📁 JavaScript完全自学宝典 (G) 演示JavaScript的简单应用及JavaScript特效

💻 JSP

字号:

<%@ page contentType="text/html; charset=UTF-8" %>
<html>
  <head>
   <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" language="javaScript">
      var xmlHttp = false; //全局变量，用于记录XMLHttpRequest对象
      function createXMLHttpRequest() {
		    if(window.ActiveXObject) { //Inetrnet Explorer时，创建XMLHttpRequest对象的方法
		      try {
		        xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		      } catch(e) {
		        try {
		          xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                   //旧版本的Inetrnet Explorer，创建XMLHttpRequest对象
		        } catch(e) {
		          window.alert("创建XMLHttpRequest对象错误"+e);
		        } 
		      }
		    } else if(window.XMLHttpRequest) { //mozilla时，创建XMLHttpRequest对象的方法
		      xmlHttp = new XMLHttpRequest();
		    } 
		    if(!(xmlHttp)) { //未成功创建XMLHttpRequest对象
		        window.alert("创建XMLHttpRequest对象异常！");
		    }
	    }
      
      function autoStart(count) {
        createXMLHttpRequest(); //创建XMLHttpRequest对象
        xmlHttp.onreadystatechange = callBack; //指定状态改变时的处理函数
        var url = "/ajaxmodel/servlet/AutoRefServlet?reFlag=refresh&count=" + count;
        xmlHttp.open("GET", url, true);
        xmlHttp.send(null);
      }

      //处理XMLHttpRequest状态改变时的函数
      function callBack() {
        if(xmlHttp.readyState==4) {
          if(xmlHttp.status==200) {
            var xmlDoc = xmlHttp.responseXML; //接收服务器返回的XML数据
            var count = xmlDoc.getElementsByTagName("count")[0].firstChild.data;
            //获取数量自动循环
            if(count<11) {
              var msg = xmlDoc.getElementsByTagName("msg")[0].firstChild.data;
              //获取msg元素的数据
              document.getElementById("msg").innerHTML="<font color=red>"+msg+"</font>";
              setTimeout("autoStart("+count+")",1000);
              //设置“autoStart”函数每1000毫秒（1秒）执行一次
            }
          }
        }
      }
     
    </script>
    <title>自动刷新页面</title>
  </head>
  <body onload="autoStart(0);">
    <table align="center" border="1" width="320" borderColor="#101010">
      <tr>
        <td colspan="2" align="center">自动刷新页面　</td>
      </tr>
      <tr>
        <td id="msg" align="center"></td>
      </tr>
    </table>
  </body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -