js缓存ajax【js缓存问题怎么解决：示例代码】

JS缓存问题是指在使用Ajax发送请求获取数据时，由于浏览器的缓存机制，可能会导致每次请求获取到的数据都是相同的，即使服务器上的数据已经发生了变化。为了解决这个问题，可以通过在Ajax请求的URL中添加一个随机参数或者设置请求头来禁用缓存。

示例代码如下：

// 使用随机参数禁用缓存
var url = "http://example.com/api/data?random=" + Math.random();
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var data = JSON.parse(xhr.responseText);
    // 处理获取到的数据
  }
};
xhr.send();
// 使用请求头禁用缓存
var url = "http://example.com/api/data";
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.setRequestHeader("Cache-Control", "no-cache");
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var data = JSON.parse(xhr.responseText);
    // 处理获取到的数据
  }
};
xhr.send();

在第一个示例中，我们在请求的URL中添加了一个随机参数`random`，每次请求时都会生成一个不同的随机数，这样浏览器就不会使用缓存的数据，而是向服务器重新请求数据。

在第二个示例中，我们使用`setRequestHeader`方法设置了请求头`Cache-Control`为`no-cache`，这告诉浏览器不要使用缓存的数据，而是向服务器重新请求数据。

通过以上两种方式，可以有效地解决JS缓存问题，确保每次请求都能获取到最新的数据。