日期:2014-05-16  浏览次数:20677 次

ajax简单介绍

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>