与Ajax邂逅.
作者:ShellEx(全金属外壳)
上下文(此部分加密):
^*&$*UE*W&E*@()$*()@$@)($DWDWW.
环境:
Windows 2k3 sp1
*FireFox 2.0
*Opera 9.10
*IE 7 beta 3
问题与解决方案:
问题一:在Opera和IE中页面数据不会定时更新.根据setInterval('Refresh()',1000);每次Refresh函数完毕后应当能从服务器端得到新数据来更新页面元素,但是只有FireFox工作正常,其他俩浏览器的数据会保持第一次的数据.
解决方案1: 估计是缓存问题. 先把
xmlRequest.open('GET', file, true);
改成
xmlRequest.open('POST', file, true);
Opera有效,IE无效.
在数据源页面clock.php后加随机参数:
ajaxRead('clock.php?id=' + Math.random() * 10);
Opera有效,IE无效.
通过调试,发现
问题二:
问题二: xmlRequest.onreadystatechange只触发一次.本来根据setInterval('Refresh()',1000);, Refresh函数应当会执行若干次,每次发出一个XMLHttpRequest请求.但是在IE中确行不通.这可能是
问题一无法根本解决的原因.
解决方案2: 把原来只创建一个全局XMLHttpRequest对象改成每次请求都重新创建:
function ajaxRead(file){
var xmlRequest = CreateXMLObj();
.....
}
同样的,IE也存在缓存问题,于是测试 解决方案1:
xmlRequest.open('POST', file, true);
Opera有效,IE无效.
在数据源页面clock.php后加随机参数:
ajaxRead('clock.php?id=' + Math.random() * 10);
Opera有效,IE有效.
于是
问题一,二得到解决.
问题三: FireFox和IE对XML的解析. clock.php返回的是一个xml格式的字符串.开始我是这样解析的:
var xmlDoc = xmlRequest.responseXML;
var root_node = xmlDoc.getElementsByTagName('time')[0];
Updata('xmlObj', root_node.firstChild.data);
很遗憾,该方法只在Opera中解析成功.在FF下Firebugs提示getElementsByTagName有错,在IE下测试后我发现root_node始终为null.
解决方案3:
对于FF,在创建 XMLHttpRequest对象后应当这么写:
xmlObj = new XMLHttpRequest();
try{
xmlObj.overrideMimeType('text/xml');
}catch(e) {....}
因为服务器响应若没有XML mime-type header,后面的xmlDoc.getElementsByTagName('time')无法正常工作.
如果不添加xmlObj.overrideMimeType('text/xml')也可以,使用DOMParser()解析XML就可以了.代码如下:
var parser=new DOMParser();
var xmlDoc=parser.parseFromString(xmlRequest.responseText,"text/xml");
//代替var xmlDoc = xmlRequest.responseXML;
对于IE,则应当用XMLDOM:
var xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.loadXML(xmlRequest.responseText);
结合起来,就是这样
if
(
!
window.ActiveXObject)
...
{ var parser=new DOMParser(); var xmlDoc=parser.parseFromString(xmlRequest.responseText,"text/xml"); //var xmlDoc = xmlRequest.responseXML; }
else
...
{ var xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async="false"; xmlDoc.loadXML(xmlRequest.responseText); }
var
root_node
=
xmlDoc.getElementsByTagName(
'
time
'
)[
0
]; Updata(
'
xmlObj
'
, root_node.firstChild.data);
解决问题三.
嗯,记录下来,留作备忘.
