最近做一个关于定时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]
目前的代码:
[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]