最近做一个小项目,其中的一个页面如下,需要实现异步改变“是否推荐”的状态。
请求的代码如下:
$.get("/Contorller/Edit", { id: id }, function (data) {
alert(data);
});
在IE下,第一次请求,状态改变。然后再次点击同一ID的“是否推荐”状态,加断点知没有请求,而是直接返回第一次请求返回的结果。
很明显,是缓存问题。(当然,我此前没遇到此问题,请教大神才得知)
我查看了相关文章:http://blog.163.com/dyllove123456@126/blog/static/7887042320123552645990/
列出解决办法:
1. GET请求URL后加随机数,让服务器认为不是相同的请求。例 "http://www.example.com/index.php?class=aitcle&page=5&_t=" + new Date().getTime()
2. 在ajax发送请求前加上 xmlHttpRequest.setRequestHeader("If-Modified-Since","0")
3. 在ajax发送请求前加上 xmlHttpRequest.setRequestHeader("Cache-Control","no-cache");
4. 服务端响应请求时加 header("Cache-Control: no-cache, must-revalidate"); (PHP)
5. 使用POST代替GET,浏览器不会对POST做缓存
遇到问题是好事情,感谢这次问题,为菜鸟进击铺路。