数据交互 - Ajax初体验

 1     /*兼容处理*/        
 2     var xhr;  //声明AJAX对象变量
 3     if(window.XMLHttpRequest){ 
 4         xhr = new XMLHttpRequest();  //标准模式下创建的AJAX对象
 5     }else{ 
 6         xhr = new ActiveXObject("Microsoft.XMLHTTP"); //非标准模式下创建的AJAX对象
 7     }
 8     
 9     /*不考虑兼容*/11　　 var xhr = new XMLHttpRequest();

1　　 xhr.open("get", url, true)　　//get请求
2 　　xhr.open("post", url, true)　　//post请求

1 　　xhr.send(null);

 1 　　/*
 2      同步：不需要监听事件
 3          readystate  请求状态
 4          如果请求状态是4的话：
 5          表示的是http包已经完全接收！
 6          status  完全接收后的状态码
 7          如果状态码是200
 8          表示的是http包已经完全解析
 9 
10      异步：需要监听事件
11      xhr.onreadystatechange = function(){
12          readystate  请求状态
13          如果请求状态是4的话：
14          表示的是http包已经完全接收！
15          status  完全接收后的状态码
16          如果状态码是200
17          表示的是http包已经完全解析
18          responseText 
19          表示服务端给你返回过来的结果
20      }
21     */
22     xhr.onreadystatechange = function(){
23         if(xhr.readyState==4){
24             if(xhr.status==200){
25                 alert(xhr.responseText)
26             }else{
27                 //不是ok  会话失败
28                 alert(xhr.statusText)
29             }
30         }
31     }