AJAX--get请求

AJAX–get请求

1、创建对象`

var xhr = new XMLHttpResquest();

2、初始化，设置请求方法和url (？后为参数)
//url 为本地服务器http://127.0.0.1:3000/server

xhr.open(‘GET’,‘http://127.0.0.1:3000/server?a=100&b=200&c=300’);

3、发送请求

xhr.send();

4、事件绑定，处理服务器返回结果
//readyState 为xhr中的属性，表示状态，有4个值
0：表示对象创建成功
1：表示初始化成功
2：表示请求发送成功
3：当服务器返回一部分数据时
4：当服务器返回全部结果（浏览器请求，服务器响应成功）

xhr.onreadystatechange = function(){
     //判断（当服务器返回全部结果）
     if(xhr.readyState === 4){
      //判断响应状态码
      if(xhr.status >= 200 && xhr.status < 300){
       /* 
        * 处理结果 行 头 空行 体
        */
       //1、响应行
       console.log(xhr.status); //响应状态码
       console.log(xhr.statusText); //响应状态信息
       console.log(xhr.getAllResponseHeaders());  //所有响应头
       console.log(xhr.response); //响应体