get缓存

<button id="but">按钮<button>

<script>

//浏览器机制，如果get请求，当请求的地址没有发生变化，浏览器会缓存数据，当你再次请求相同的地址的时候，会优先从缓存中读取数据

btn.onclick = function() {

var xhr = new .XMLHttpRequest();

// xhr,open("get",`http://192.168.204.63:3000/api/list`);

xhr.send();

xhr.onreadystatechange = function() {

if（xhr.status == 200 && xhr.readystate == 4） {

cnsole.log(xhr.responseText);

        }
    }
}

/*

页面列表 都是通过get请求获取的数据

缺点：请求的接口地址没有发生，会从浏览器缓存中取出数据，这个数据有可能在后端不是最新的数据

优点：减少服务器压力：提高页面的响应速度和用户体验

解决方案：每次请求让请求地址都不一样 ？ 后面加上时间戳 或者 随机数

*/

</script>

   <button id="btn">按钮</button>

    <script>
        // 浏览器机制：如果get请求，当请求的地址没有发生变化，浏览器会缓存数据，当你再次请求相同的地址的时候，会优先从缓存中读取数据

        btn.onclick = function() {
            var xhr = new XMLHttpRequest();
            // xhr.open('get', 'http://192.168.204.63:3000/api/list');
            xhr.open('get', `http://192.168.204.63:3000/api/list`);
            xhr.send();
            xhr.onreadystatechange = function() {
                if (xhr.status == 200 && xhr.readyState == 4) {
                    console.log(xhr.responseText);
                }
            }
        }