服务端是GoAhead公司的一个嵌入式服务,用C写的与客户端浏览器进行交互的环境。所以不知道JQ支不支持,但想想JQ和纯JS写的AJAX请求传输协议原理应该是一样的,不多说,先说下我遇到的问题。
用js写的定时刷新服务器数据的一个ajax代码
<script language="javascript" type="text/javascript">
var _request;
function createXMLHttp() {
if (typeof ActiveXObject != "undefined") {
var xmlHttp_ver = false;
var xmlHttp_vers = ["MSXML2.XmlHttp.6.0", "MSXML2.XmlHttp.5.0", "MSXML2.XmlHttp.4.0", "MSXML2.XmlHttp.3.0", "MSXML2.XmlHttp", "Microsoft.XmlHttp"];
if (!xmlHttp_ver) {
for (var i = 0; i < xmlHttp_vers.length; i++) {
try {
new ActiveXObject(xmlHttp_vers[i]);
xmlHttp_ver = xmlHttp_vers[i];
break;
} catch (oError) { ; }
}
}
if (xmlHttp_ver) {
return new ActiveXObject(xmlHttp_ver);
} else {
throw new Error("Could not create XML HTTP Request.");
}
}
else if (typeof XMLHttpRequest != "undefined") {
return new XMLHttpRequest();
} else {
throw new Error("Your browser doesn't support an XML HTTP Request.");
}
}
function getRequest(){
var oXmlHttp = createXMLHttp();
oXmlHttp.open("get", "goform/GetPort1", false);
oXmlHttp.onreadystatechange = function () {
if (oXmlHttp.readyState == 4) {
if (oXmlHttp.status == 200) {
document.getElementById("port").value = oXmlHttp.responseText;
}
else {
throw new Error("有一个错误产生!错误代码:\""+oXmlHttp.readyState+"\"");
}
}
}
oXmlHttp.send(null);
}
window.onload = function () {
setInterval("getRequest()", 2000);
}
</script>
Chrome,Firefox上测试都没问题。IE9上一跑,先是oXmlHttp
对象实例化(上面这个是没问题的)有问题,改完后,测试,只能刷新一次,但服务器调试每次都是返回了新值的,
但IE9每次执行JS
document.getElementById("port").value = oXmlHttp.responseText;
oXmlHttp.responseText;每次都是从缓存里第一次得到的值,一直不变
解决办法 ,IE9,按F12进入调试状态,点击菜单栏上的缓存--》选择每次都从服务器中刷新
这样,界面上的值就会2s钟从服务器上刷新一次新值。
IE9.0真是操蛋,搞了一整天这个鬼问题,累了,不知道有没有更好的方法,能够不用设置浏览器,就能刷新。