ajax的基本功能

1、AJAX是一种用于创建快速动态网页技术，通过在后台与服务器进行少量的数据交互，AJAX可以使网页实现异步刷新。这意味着可以在重新加载整个网页的情况下，对网页的某部分进行更新。

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

3、所有现代浏览器（IE7 + firefox + chrome ）均内建XMLHttpRequest对象。

 //支持ie5、ie6
if(window.ActiveXObject)
{
xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
xmlHttpRequest = new XMLHttpRequest();
}                  

4、使用GET方式提交，参数拼接在请求的url后面，请send方法中为null

                       xmlHttpRequest.open(“GET"AjaxServlet?name=" + name + "&age=" + age,true);
                       xmlHttpRequest.onreadystatechange = callBack;
                     xmlHttpRequest.send(null);

      使用POST方式提交，参数放在send方法中，请必须设置requestHeader

                      xmlHttpRequest.open("POST","AjaxServlet",true);
xmlHttpRequest.onreadystatechange = callBack;
xmlHttpRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded")
xmlHttpRequest.send("name=" + name + "&age=" + age);

5、XMLHttpRequest 对象的三个重要的属性：

     onreadystatechange：每当 readyState 属性改变时，就会调用该函数

     readyState： 

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

                          0: 请求未初始化

                          1：服务器已经建立连接

                          2、请求已接收

                          3、请求处理中

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

     status：200 ok 

                404 未找到页面

6、responseText 属性返回字符串形式的响应

                    var response = xmlHttpRequest.responseText;
     Document.getElementById("div1").innerHTML = response;

7、在服务器端设置如下属性，可以清楚客户端浏览器的缓存：

      response.setHeader("pragma","no-cache");
response.setHeader("cache-control","no-cache");