【DOM编程艺术】XMLHttpRequest对象

最新推荐文章于 2024-10-01 18:51:18 发布

weixin_34192732

最新推荐文章于 2024-10-01 18:51:18 发布

阅读量587

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/positive/p/3668114.html

版权

Ajax技术的核心就是XMLHttpRequest对象。这个对象充当着浏览器脚本（客户端）与服务器之间的中间人的角色。

以往的请求都由浏览器发出，而Javascript通过这个对象可以自己发送请求，同时也自己处理响应。

　　不同浏览器实现XMLHttpRequest对象的方式不太一样。为了保证跨浏览器，你不得不为同样的事情写不同的代码分支。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ajax</title>
</head>

<body>
<div id='new'></div>
<script>
getNewContent();
function getHTTPObject(){
    if(typeof XMLHttpRequest == 'undefined'){        
       try{ return new ActiveXObject('Msxml2.XMLHTTP.6.0');}
       catch(e){}
       try{ return new ActiveXObject('Msxml2.XMLHTTP.3.0');}
       catch(e){}
       try{ return new ActiveXObject('Mxml2.XMLHTTP');}
       catch(e){}
       return false;   
    }else{
        return new XMLHttpRequest();    
    }
}
function getNewContent(){
    var request=getHTTPObject();  //在ie7、ie8下由于XMLHTTPObject安全方面的考虑，会提示拒绝访问的错误，ie7、ie8下如果使用ActiveXObject('……')则会显示内容        chrome中也有错误
    if(request){
        request.open('GET','example.txt',true);
        request.onreadystatechange=function(){
            if(request.readyState==4){
　　　　　　　　　alert('Response Recived');
                var para=document.createElement('p');
                var txt=document.createTextNode(request.responseText);
                para.appendChild(txt);
                document.getElementById('new').appendChild(para);
            }
        }
        request.send(null);
    }else{
        alert('Sorry,your browser doesn\'t support XMLHttpRequest');
    }
　　alert('测试什么叫异步加载');  //很可能alert('测试……')的警告框会先于alert('Response Recived')的警告框。
}
</script>
</body>
</html>