Ajax的缓存问题很严重,当第二次用Ajax去读取页面的时候,即使这个页面有改动内容,但是读取的还是第一次请求的页面内容。
正确的解决办法是 后台去处理, 这不多说
前端的处理办法 有两种
第一种是 随机数
xhr.open("get", "text.txt?type=" + Math.random(), true);
第二种是 时间戳
xhr.open("get", "text.txt?type=" + Date.parse(new Date), true);
整体请求代码
<script>
var btn = document.getElementById("btn");
var text = document.getElementById("text");
btn.onclick = function () {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
text.innerHTML = xhr.responseText
}
//xhr.open("get", "text.txt?type=" + Math.random(), true);
xhr.open("get", "text.txt?type=" + Date.parse(new Date), true);
xhr.send(null)
}
</script>