日期:2014-05-16 浏览次数:20743 次
Ajax(Asynchronous Javascript and XML) 异步Javascript和XML,ajax不是一种新的编程语言,而是一种使用现有标准的新方法。ajax基于javascript和HTTP请求,是一种独立于WEB服务器软件的浏览器技术。
?
ajax是一种WEB交互的方法,这种方法只是在客户端和服务器间传输少量的信息,在不重载页面的情况下从服务器获取信息,从而给用户提供响应更及时的体验。
?
?
XMLHttpRequest对象:它是ajax处理所有与服务器的通信的对象,提供了在网页加载后与服务器进行通信的方法;
?
工作流程:①获取请求,创建对象
? ? ? ? ? ? ? ?②建立要连接的URL
? ? ? ?③打开到服务器的连接
? ? ? ?④设置回调函数
? ? ? ?⑤发送请求
?
XMLHttpRequest对象的属性:
?
?
| 属性 | 描述 | 
| readyState | 提供当前的就绪状态 | 
| status | 服务器响应的状态代码 | 
| responseText | 服务器返回的请求响应文本 | 
| responseXML | 服务器返回的请求响应XML文本 | 
?
?
?
?
?
?
?
?
?
XMLHttpRequest对象的方法:
?
?
| 属性 | 描述 | 
| open(type,url,true?false) | 建立到服务器的请求 | 
| send(para/null) | 向服务器发送请求 | 
| abort() | 退出当前请求 | 
?
?
?
?
?
?
?
?
readyState : 0:没有初始化;
? ? ?1:正在读取中;
? ? ?2:已读取;
? ? ?3:交互中;
? ? ?4:完成
?
?
?
<script type="text/javascript">
function createRequest(){
     var req=false;
      if(window.XMLHttpRequest){  
      
        req = new XMLHttpRequest();//其他浏览器,创建空的XMLHTTP对象(包括IE7+)  
          
    }else if(window.ActiveXObject){  
      
        req = new ActiveXObject("Microsoft.XMLHTTP");//创建空的微软XMLHTTP对象(老版本的IE5和IE6)     
    } 
    if(req){
     req.open("GET",dname,false);//打开XMLHTTP对象
     req.onreadystatechange=callback;
     req.send();//发送XMLHTTP对象 
} 
     
}
</script>