AJAX的用法

AJAX不是某种编程语言

AJAX是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

传统的网页（不使用AJAX）如果需要更新内容，必须重载整个网页面。

在AJAX中，异步回调广泛应用，异步是与同步相对的概念。

同步不是指所有步骤同时运行。而是指步骤在一个流程中按顺序执行。

而异步是指执行的过程不再按顺序执行，不管进程的结果继续执行下去，这样可以提高效率。

异步实现：

    1：运用HTML与CSS来实现页面，表达信息。

    2：运用XMLHttpRequest和web服务器进行数据的异步交换。

    3：运用JavaScript操作DOM，实现动态局部刷新。

看下图：

什么是XMLHttpRequest对象？

XMLHttpRequest对象用于在后台与服务器交换数据

所有现代浏览器（IE7+、Firefox、Chrome、Safari以及Opera）都有内建XMLHttpRequest对象

但老版本的Internet Explorer（IE5和IE6）则使用ActiveXObject对象

为了应对所有的现代浏览器，包括IE5和IE6，所以需要检查浏览器是否支持XMLHttpRequest对象，如果支持，创建XMLHttpRequest对象。如果不支持，就创建ActiveXObject。加一个判断语句。

向服务器发送请求，我们使用XMLHttpRequest对象的open()和send()方法：

    open(method,url,asyns)规定请求的类型、URL以及是否异步处理请求。

参数说明：

    method：请求的类型；GET或POST

    url:文件在服务器上的位置

    async：true（异步）或false（同步）Asynchronous

    send(string):将请求发送到服务器，string仅用于POST请求。

如果需要像HTML表单那样POST数据，请使用setRequestHeader()来添加HTTP头然后在send()方法中规定你希望发送的数据：

    xhr.open("POST","/jQueryAjax/postPersonInfor",true);

    xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");

    xhr.send(data);//data表单中需要提交的字符（字符串）。

setRequestHeader语法；

    setRequestHeader(header,value);向请求添加HTTP头。

参数说明：

 header:规定头的名称。value:规定头的值。

AJAX服务器响应

    使用XMLHttpRequest对象的responseText或responseXML属性获取来自服务器的响应

    responseText:获得字符串形式的响应数据。

    responseXML:获得XML形式的响应数据。

onreadystatechange事件

    在XMLHttpRequest对象中，readyState属性存有XMLHttpRequest的状态信息，

    每当readyState改变时，就会触发onreadystatechange事件。

    下面是XMLHttpRequest对象的三个重要属性：

 onreadystatechange:存储函数(或函数名)，每当readyState属性改变时，就会调用该函数。

    readyState:存有XMLHttpRequest的状态。从0到4发生变化。

       0：请求未初始化

       1：服务器连接已建立

       2：请求已接收

       3：请求处理中

       4：请求已完成，且响应已就绪

    status:200:"OK"   404:未找到页面

在onreadystatechange事件中，我们规定当服务器响应已做好被处理的准备时所执行的任务。当readyState等于4且status为200时，表示响应已就绪。