Ajax对象的相关属性和方法

open(method,url)初始化ajax对象
method：请求方式 get、post
url：请求地址
setRequestHeader(header,value)设置请求头信息
header：请求头名称

value：请求头的信息

send(content)发送请求 只有当ajax对象的send方法被调用时，才会发送请求

content：post请求时所传递的数据
get请求时这里直接设置为“null”


onreadystatechange表示当ajax对象状态码发生改变时所触发的回调函数
它的值是一个函数首地址（匿名函数）
xhr.onreadystatechange=function(){
};
或
xhr.onreadystatechange=display;

readyState ajax对象的状态码

ajax对象状态每次发生改变时，都会触发生这个回调函数，只有当状态码为4时，也就是说数据才真正接收完毕，这时我们再对返回来的数据进行处理。

状态码就是一个数字 0—4

0：表示对象已建立，但未初始化
1：表示对象已初始化，但未发送
2：已调用send方法进行请求
3：正在接收数据（接收到一部分）

4：接收完成

对状态码的解释用图如下解释：

status
ajax对象接收到的http响应状态码如：200 302 304 404
statusText
ajax对象接收到的http响应状态文本如：ok、not found
reponseText
ajax对象接收到http响应主体字符串（text/html）
responseXML

ajax对象接收到的http响应主体内容（text/xml）

解决IE下缓存问题

在IE中，默认有缓存功能，将每次获取的PHP文件的输出结果缓存下来，下次ajax对象在请求时，如果在缓存目录下，找到对应缓存文件，就直接使用缓存文件。那么应该怎样解决这个缓存问题呢？

随机数
Math.random();

var url='demo05.PHP?name=zhangsan&n='+Math.random();
时间
newDate.getTime();

var url='demo05.PHP?name=zhangsan11&n='+new Date().getTime();
以上两种方法确保每次请求的url是唯一的
setRequestHeader("If-Modified-Since","0");

xhr.setRequestHeader("If-Modified-Since","0");
这种方法设置ajax对象的请求头 if-modified-since，强制让ajax对象发送请求
0：表示文件最后修改时间，会和服务器上这个资源文件最后修改时间进行比较，肯定是不相，所以服务器返回了最新数据。
以上三种方式并没有根本上解决缓存问题，前二种方式更是缓存下来N个文件。

header("Cache-Control: no-cache,must-revalidate");

<?PHP
header("Cache-Control:no-cache,must-revalidate");
$name=$_GET['name'];
echo '中国,'.$name;
?>

header：向http响应头中写数据 设置http响应头中的cache-control选项“告诉”浏览器：你不要缓存，必须每次重新请求。

原文地址：https://www.jb51.cc/ajax/164534.html