Ajax 前端解决缓存的问题

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>