RSS
热门关键字:  java  Ajax  JSP  JSF  Struts
当前位置 : 首页>Ajax>列表

解决ajax更新不及时的途径

来源: 作者: 时间:2007-09-14 点击:
  在电信做的小灵通短信订餐系统中,有几个页面要用到三级联动下拉框,为了使用户体验更好,使服务器缓解一定压力,我决定使用AJAX来完成这个功能,可是我却粗心大意,漏掉了一个环节,使得ajax从数据库里读取数据不能及时更新.这是因为浏览器的缓存机制.

  有4种方法可以解决这个问题:

  1.在请求的URL后面加一个时间参数,如:time=new date(); 当然也可以添加其他性质参数,只要是随机参数就可以,open("GET",url+"?t="+Math.random(),false).或者url+"?timeStamp="+new Date().getTime();

  2.

js 代码
function ajaxRead(file){
var xmlObj = null;
if(window.XMLHttpRequest){
xmlObj = new XMLHttpRequest();
} else if(window.ActiveXObject){
xmlObj = new ActiveXObject("Microsoft.XMLHTTP");
} else {
return;
}
xmlObj.onreadystatechange = function(){
if(xmlObj.readyState == 4){
processXML(xmlObj.responseXML);
}
else{
document.getElementById ('playernews').innerHTML='采用AJAX来实现数据的读取,正在加载...';
}
}
xmlObj.open ('GET', file, true);
xmlObj.send ('');

}

function show() {
ajaxRead('*.jsp');
setInterval("ajaxRead('new.php')",30000); //自动更新
}

  3.加上xmlhttp.setRequestHeader("Cache-Control","no-cache");

  4.在XmlHttpRequest发送请求之前加上XmlHttpRequest.setRequestHeader("If-Modified-Since","0"),如:在XXXXX.send(YYYYYY); 之前

最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册
Google Adsense
相关文章