Ajax实现自动刷新简单例子(《疯狂Ajax》例子) second.jsp <%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %> <%@ page import = "java.util.Random" %> <% Random rand = new Random(System.currentTimeMillis()); out.println(rand.nextInt(10) + "$" + rand.nextInt(10) + "$" + rand.nextInt(10)); %> 1.html <body> mysql 的虚拟股票价格是:<div id="mysql" style="color:red;font-weight:bold;" mce_style="color:red;font-weight:bold;"></div> tomcat 的虚拟股票价格是:<div id="tomcat" style="color:red;font-weight:bold;" mce_style="color:red;font-weight:bold;"></div> jetty 的虚拟股票价格是:<div id="jetty" style="color:red;font-weight:bold;" mce_style="color:red;font-weight:bold;"></div> <mce:script type="text/javascript"><!-- var xmlrequest; function createXMLHttpRequest() { if(window.XMLHttpRequest) { xmlrequest = new XMLHttpRequest(); } else if (window.ActiveXObject) { try { xmlrequest = new ActiveXObject("Msxm12.XMLHTTP"); } catch(e) { try { xmlrequest = new ActiveXObject("Microsoft.XMLHTTP"); } catch(e){} } } } function getPrice() { createXMLHttpRequest(); var uri = "second.jsp"; xmlrequest.open("POST",uri,true); xmlrequest.onreadystatechange = processResponse; xmlrequest.send(null); } function processResponse() { if(xmlrequest.readyState == 4) { if(xmlrequest.status == 200) { var prices = xmlrequest.responseText.split("$"); document.getElementById("mysql").innerHTML=prices[0]; document.getElementById("tomcat").innerHTML=prices[1]; document.getElementById("jetty").innerHTML=prices[2]; setTimeout("getPrice()",1000); } } } document.body.onload = getPrice; // --></mce:script> </body>