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