现在的JQuery把AJAX封装得很好了。使用起来也很方便,但我不能忘记了JS版的AJAX。。
1.0创建兼容版异步对象
- 1.0创建兼容版异步对象
- function createXMLHttpRequest() {
- var xmlHttp=null;
- try {
- xmlHttp= new ActiveXObject("Msxml2.XMLHTTP");//IE高版本创建XMLHTTP
- }
- catch(E) {
- try {
- xmlHttp= new ActiveXObject("Microsoft.XMLHTTP");//IE低版本创建XMLHTTP
- }
- catch(E) {
- xmlHttp= new XMLHttpRequest();//兼容非IE浏览器,直接创建XMLHTTP对象
- }
- }
- return xmlHttp;
- }
- 2.0发送异步请求
- var xmlHttp=createXMLHttpRequest();
- 2.1设置参数(请求方式,请路径,是否使用异步)
- xmlHttp.open("post", url, true);
- 2.2当异步对象状态改变时触发的事件
- xmlHttp.onreadystatechange=function(){
- //如果状态为4
- if (xmlHttp.readyState == 4){
- //如果服务器响应报文的状态码为200时,说明本次请求成功
- if(xmlHttp.status==200){
- //获得服务发回的数据
- var res=xmlHttp.responseText;
- //处理数据
- alert(res);
- ...
- }
- }
- }
- 3.0发送
- xmlHttp.send(null);