ajax(1)

1.ajax 请求步骤

    (1)创建`XMLHttpRequest`对象,也就是创建一个异步调用对象.
      var xhr= new XMLHttpRequest();
     在IE浏览器中创建XMLHttpRequest对象的方式如下所示:
     var xhr = new ActiveXObject("Microsoft.XMLHTTP");

    (2)创建一个新的`HTTP`请求,并指定该`HTTP`请求的方法、`URL`及验证信息.
      get请求
     var param = 'username' + uname + '&password' ;
     encodeURI()用来对中文参数进行编码，防止乱码
     xhr.open('get','./01check.php?'+encodeURI(param),true);
     参数1、请求方式（get获取数据，post提交数据）
     参数2、请求地址（如果是get请求那么请求参数必须在url中传递）
     参数3、同步或者异步标志位，默认是true表示异步，false表示同步
     xhr.send(null);//get请求这里需要添加null参数
    
     post请求
     var param = 'password' ;
     xhr.open('post','./01check.php',true); //post请求，参数通过send传递，不需要通过encodeURI转码
     xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded);//post 要请求头
     xhr.send(param); //post请求参数在这里传递，并且不需要转码

    (3)设置响应`HTTP`请求状态变化的函数.
       xhr.onreadystatechange = function(){ //该函数调用的条件就是readyState状态从2-4
       if(xhr.readyState == 4){ //表示服务器返回的数据已经可以使用了，但是这个数据不一定是正确的
           if(xhr.status == 200){//表示服务器返回的数据是正常的，不是200表示数据是错误的
                var data = xhr.responseText;
                JSON.parse(data ); //可以将json字符串转换成json对象 
               JSON.stringify(data ); //可以将json对象转换成json对符串 
                var info = document.getElementById('info');
                if(data == '1'){
                    info.innerHTML = '登录成功';
                }else if(data == '2'){
                    info.innerHTML = '用户名或者密码错误';
                }
            }
        }
    }

    (4)发送`HTTP`请求.

    (5)获取异步调用返回的数据.

    (6)使用JavaScript和DOM实现局部刷新.

2.什么是readyState
readyState是XMLHttpRequest对象的一个属性，用来标识当前XMLHttpRequest对象处于什么状态。
readyState总共有5个状态值，分别为0~4，每个值代表了不同的含义
0：初始化，XMLHttpRequest对象还没有完成初始化
1：载入，XMLHttpRequest对象开始发送请求
2：载入完成，XMLHttpRequest对象的请求发送完成
3：解析，XMLHttpRequest对象开始读取服务器的响应
4：完成，XMLHttpRequest对象读取服务器响应结束 

3.什么是status
status是XMLHttpRequest对象的一个属性，表示响应的HTTP状态码
在HTTP1.1协议下，HTTP状态码总共可分为5大类
1xx：信息响应类，表示接收到请求并且继续处理
2xx：处理成功响应类，表示动作被成功接收、理解和接受
3xx：重定向响应类，为了完成指定的动作，必须接受进一步处理 
4xx：客户端错误，客户请求包含语法错误或者是不能正确执行
5xx：服务端错误，服务器不能正确执行一个正确的请求

2.post 和 get的区别，什么时候用post，什么时候用get

get 存储内容小，不能超过2kb ；文件上传只能用post
get 不安全，显示在地址栏 ；post比较安全
get 效率高，因为post请求需要加密和解密的过程，get不需要
在做数据查询时，建议用get方式；而在做数据添加，修改或删除时，建议用post方式；

3、 Ajax的最大的特点是什么。

    Ajax可以实现异步通信效果，实现页面局部刷新，带来更好的用户体验；按需获取数据，节约带宽资源； 

4、页面编码和被请求的资源编码如果不一致如何处理？

对于ajax请求传递的参数，如果是get请求方式，参数如果传递中文，在有些浏览器会乱码，不同的浏览
器对参数编码的处理方式不同，所以对于get请求的参数需要使用 encodeURI函数对参数进
行编码处理，后台开发语言都有相应的解码api。对于post请求不需要进行编码