如果数据库中的数据经常变化,而且经常被用到就可以用AJAX技术来实现了。
整体AJAX流程不讲了,说几个关键的地方(用红底标出):
function getVisitNum(){ var url = "ajax.do?operate=getVisitNum"; createXmlHttp(); xmlHttp.onreadystatechange = getVisitNumCallBack; xmlHttp.open("GET",url,true) xmlHttp.setRequestHeader("If-Modified-Since","0"); //禁止IE缓存,如果有缓存就不会再去连数据库了,那么数据达不到及时更新的效果,当然这句话只禁止当前xmlHttp对象的缓存(亲测)。
xmlHttp.send(null); setTimeout("getVisitNum();",1000); //定时触发请求 } function getVisitNumCallBack(){ if (xmlHttp.readyState == 4) { if (xmlHttp.status == 0 || xmlHttp.status == 200) { document.getElementById("allVisit").innerHTML=xmlHttp.responseText;//更新DOM } } } window.onload = function(){ //加载页面时自动运行 getVisitNum(); } |