Ajax基础

                                                                                          Ajax

一、创建ajax的对象，然后让对象来调用他本身的成员本身的属性

1.主流（火狐、Google、苹果、opera）浏览器

Var xhr= new XMLHttpRequest();

2.IE（6/7/8）浏览器创建

Var xhr=new ActiveXObject(“Microsoft.XHttp”); //最原始的方式
Var xhr=new ActiveXObject(“Msxml2.XMLHTTP.6.0”);

套路总结：

if(window.ActiveXObject){
Var xhr=new ActiveXObject(“Microsoft.XHttp”);
}
Var xhr= new XMLHttpRequest();

二、创建http协议请求

xhr.open(method,URL,flag);
Method: post / get
URL:请求的URL地址
Flag:true(异步交互） false(同步交互) 
Eg:  
①　xhr.open("get","ajax.php",true);
xhr.send(null); //发送http协议请求
 
②　xhr.open(“post”,”ajax.php”,true);
Xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
Xhr.send(data); //发送http协议请求

四、最大程度感受状态信息

xhr.onreadystatechange=function () {
   if (xhr.readyState==4  &&  xhr.status==200){
        //alert(xhr.responseText);
        document.getElementsByTagName("div")[0].innerHTML = xhr.responseText;
    }
}