日期:2014-05-16 浏览次数:20677 次
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>