<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);
}
}
}