Ajax对象的相关属性和方法

前端之家收集整理的这篇文章主要介绍了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选项“告诉”浏览器:你不要缓存,必须每次重新请求。

猜你在找的Ajax相关文章