Ajax技术

一.Ajax是什么？

ajax是一种用来改善用户体验的技术， 其本质是利用浏览器提供的一个特殊对象
（XMLHttpRequest对象，也可以称之为ajax对象）向服务器发送异步请求，服务
器返回部分数据，浏览器利用这些数据，对当前页面做部分更新。整个过程，页面
无刷新，不打断用户操作。
注：异步请求，指的是当这个对象向服务器发送请求时，浏览器不会销毁当前页面，
用户仍然可以对当前页面做其它操作。

二.如何获得ajax对象？

function getXhr(){
    var xhr = null;
    if(window.XMLHttpRequest){
    // 非ie
    xhr = new XMLHttpRequest();
    }else{
        xhr = new ActiveXObject('MicroSoft.XMLHttp');
    }
    return xhr;
}

三.ajax对象的几个重要属性？

1.onreadystatechange：绑定事件处理函数（处理readystatechange事件）。
注：当ajax对象的readyState属性值发生了任何改变（比如从０变成了１，
就会产生readystatechange事件）

2.readyState:有五个值(0,1,2,3,4),表示ajax对象与服务器通信的状态。
注：４表示ajax对象已经获得了服务器返回的所有的数据。

3.responseText:获得服务器返回的文本。

4.responseXML:获得服务器返回的xml。

5.status:获得状态码。

四.编程步骤？

step1.获得ajax对象
    比如：var xhr = getXhr();

step2.发送请求  
    a：发送get请求
        xhr.open('get','check.do?username=King',true);
        xhr.onreadystatechange = f1;
        xhr.send(null);
    注：true：异步请求；
       false：同步请求（当ajax对象发送请求的时候，浏览器会锁定当前页面，
       用户不能够对当前页面做其它操作）。

    b：发送post请求
        xhr.open('post','check.do',true);
        xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
        xhr.onreadystatechange = f1;
        xhr.send('uname=King');
    注：按照http协议要求，如果发送的是post请求，在请求数据包里面，
    应该包含有一个消息头（"content-type"）。因为ajax对象默认情况下，
    不会添加该消息头，所以要调用setRequestHeader方法。

step3.编写服务端的程序
    通常只需要返回部分数据。

step4.在事件处理函数里面，处理服务器返回数据。

    function f1(){
        if(xhr.readyState == 4 &&
        xhr.status == 200){
            // 必须保证已经收到了服务器返回的所有数据，并且
            // 没有出错。
            // 获得服务器返回的数据（文本）
            var txt = xhr.responseText;
            // 更新页面
            ....
        }
    }