在 JavaScript 中确保 AJAX 请求或连接不走缓存的一种常见方法是在请求中添加随机参数或设置特定的请求头。这样可以防止浏览器缓存请求结果,强制浏览器重新获取数据。

1. 添加随机参数:

const timestamp = new Date().getTime(); // 获取当前时间戳
const url = 'https://example.com/data?timestamp=' + timestamp;

// 发起带有随机参数的请求
fetch(url)
  .then(response => {
    // 处理响应
  })
  .catch(error => {
    // 处理错误
  });

2. 设置请求头:

const url = 'https://example.com/data';

// 发起请求并设置请求头
fetch(url, {
  headers: {
    'Cache-Control': 'no-cache', // 禁用缓存
    'Pragma': 'no-cache',
    'Expires': '0'
  }
})
  .then(response => {
    // 处理响应
  })
  .catch(error => {
    // 处理错误
  });

这些方法可以确保浏览器不会缓存 AJAX 请求的结果,每次请求都会从服务器重新获取数据。具体的方法选择取决于你的项目需求和后端服务的支持情况。

Was this helpful?

0 / 0

发表回复 0

Your email address will not be published.