Ajax入门

一个完整的Ajax请求包括以下几个步骤

　　1. 实例化XMLHttpRequest对象

 var http = new XMLHttpRequest();

　　　　这里有个注意点，IE6以下是没有XMLHttpRequest这个对象的，它们用ActiveXObject("Mincrosoft.XMLHTTP"),里面的字符串是固定的，不要漏了

　　　　所以我们可以做一个兼容性处理

var http = null;
if(window.XMLHttpRequest){
    http = new XMLHttpRequest(); //标准
}else{
    http = new ActiveXObject("Mincrosoft.XMLHTTP"); //IE6
}

 

　　2. 向服务器发送请求

http.open('get',url,true);

　　　　第一个参数是请求方式，get 或 post ,

　　　　第二个参数是需要提交到的文件在服务器中的地址

　　　　第三个参数是选择是否为异步，true -> 异步  false -> 同步

　　如果是post传输，需要添加请求头信息，里面的参数是固定的

http.setRequestHeader("Conten-Type","application/x-www-form-urlencoded");

 　　3.向服务器提交数据

http.send(null);

　　　　get请求需要添加null参数

　　4.获取服务器返回的信息,当获取到响应数据时触发

http.onreadystatechange = function () {
        if (http.readyState == 4 && http.status == 200) {
            var data = http.responseText;
            //responseText    -->    获取字符串形式的响应数据
        }
    }

　　　　这里面有两个判断，readyState　　->　　判断服务器是否接收到数据

 readyState:
　　　　　　　1：表示http对象创建完成
           2: 浏览器已经接收到了服务器相应的数据
           3: 正在解析数据
           4: 数据已经解析完成，可以使用了

 

　　　　　　　　　　　　   status　　　　 ->　　判断返回数据是否正常

 http常见状态码
              200：表示响应成功
              404：没有找到请求的资源
              403：没有访问权限
              500：服务器端错误    

 

　　　　responseTex可以获取到字符串形式的响应数据

　　　　responseXML可以获取到XML形式的响应数据