与Ajax邂逅.

                        与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);

    解决问题三.
    嗯,记录下来,留作备忘.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值