定时器AJAX请求重帧现象

最近做一个关于定时AJAX请求数据库信息问题,发现经常有重帧现象。
目前的代码:
[code]
var id = 0;
window.onload = function() {
id = document.getElementById("maxId").value;
initXMLRequest();
setInterval("sendHTTPRequest()", 1000);
};

var xmlRequest = null;
function initXMLRequest() {
if (window.ActiveXObject) {
xmlRequest = new ActiveXObject("Microsoft.XMLHTTP");
} else {
if (window.XMLHttpRequest) {
xmlRequest = new XMLHttpRequest();
}
}
}
function sendHTTPRequest() {
var url = "decodePass?id=" + id + "&sync=" + sync;
if (xmlRequest) {
xmlRequest.open("POST", url, true);
xmlRequest.onreadystatechange = isDataExists;
xmlRequest.setRequestHeader("If-Modified-Since","0");
xmlRequest.send(null);
}
}
function isDataExists() {
if (xmlRequest.readyState == 4) {
if (xmlRequest.status == 200) {
id++;
}
}
}
[/code]
个人推断:
1、在定时轮询AJAX时,在当前设置的循环时间内,没有请求到所要请求的值,这样会发生AJAX URL 没有改变,所以
下次请求还是上次请求的内容,当好几次都没有请求到数据的时候,这样到最后堆积到一块,就会请求到许多重复数据
想到的解决办法:
1、采用递归方法,在方法里面写定时调用方法,可是这样的话当第一次没有请求到数据时候就不会在请求了,
[code]
window.onload = function() {
sendHTTPRequest();
};
function isDataExists() {
if (xmlRequest.readyState == 4) {
if (xmlRequest.status == 200) {
setInterval("sendHTTPRequest()", 1000);
id++;
}
}
}
[/code]

解决办法:
1、把异步请求改成同步请求
2、把setInterval 改成 setTimeout 改为请求完成停顿一秒再请求
3、锁定窗口请求(没试过)
[quote]window.reqstate = false;[/quote]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值