AJAX-IE缓存问题
Posted 过往将来
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了AJAX-IE缓存问题相关的知识，希望对你有一定的参考价值。
IE缓存问题
- IE浏览器会缓存网页中的GET和XHR的内容，并且在IE浏览器中如果请求方式是get方式的话，IE浏览器会进行识别，
- 如果该get请求的url是第一次请求的话，会请求项目的后台，从数据库中获取数据，
- 如果该get请求的url不是第一次请求的话，那么该url就不会请求项目后台，
- IE浏览器会直接从缓存中拿到上次该url获取的数据，无论是什么插件的get方式请求，IE浏览器都会这样进行处理
解决IE缓存问题的办法
xhr.open("GET",'http://127.0.0.1:8000/ie?t='+Date.now());加上Date.now()来解决IE缓存问题,保证服务端返回的数据是最新的数据
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IE缓存问题</title>
<style>
#result{
width:200px;
height:100px;
border:solid 1px #258;
}
</style>
</head>
<body>
<button>点击发送请求</button>
<div id="result"></div>
<script>
const btn = document.getElementsByTagName('button')[0];
const result = document.querySelector('#result');
btn.addEventListener('click', function(){
const xhr = new XMLHttpRequest();
// 在下列代码末尾加上 Date.now() 来解决IE缓存问题,
// 解决方法为保证服务端返回的数据是实时更新的 Date.now()
xhr.open("GET",'http://127.0.0.1:8000/ie?t='+Date.now());
xhr.send();
xhr.onreadystatechange = function(){
if(xhr.readyState === 4){
if(xhr.status >= 200 && xhr.status< 300){
result.innerHTML = xhr.response;
}
}
}
})
</script>
</body>
</html>
以上是关于AJAX-IE缓存问题的主要内容，如果未能解决你的问题，请参考以下文章
Swift新async/await并发中利用Task防止指定代码片段执行的数据竞争(Data Race)问题