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选项“告诉”浏览器:你不要缓存,必须每次重新请求。