ie ajax有缓存【示例代码】

IE浏览器在进行Ajax请求时，默认会对请求进行缓存处理。这意味着如果我们使用相同的URL进行多次请求，IE会优先从缓存中获取响应数据，而不是发送新的请求。这种缓存机制可以提高页面加载速度，但有时也会导致数据更新不及时的问题。为了解决这个问题，我们可以通过在请求URL中添加随机参数或者设置响应头来禁用IE的缓存机制。

示例代码如下：

// 添加随机参数
var url = "http://example.com/api/data?rand=" + Math.random();
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    // 处理响应数据
  }
};
xhr.send();
// 设置响应头
var xhr = new XMLHttpRequest();
xhr.open("GET", "http://example.com/api/data", true);
xhr.setRequestHeader("Cache-Control", "no-cache");
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = JSON.parse(xhr.responseText);
    // 处理响应数据
  }
};
xhr.send();

在第一个示例中，我们在请求URL后面添加了一个随机参数，每次请求都会生成一个不同的URL，这样可以绕过IE的缓存机制。

在第二个示例中，我们使用`setRequestHeader`方法设置了`Cache-Control`响应头，将其值设置为`no-cache`，这样告诉IE不要缓存响应数据。

通过这两种方法，我们可以有效地禁用IE的缓存机制，确保每次请求都能获取最新的数据。