javascript - 浏览器的 HTTP 缓存曾经用于存储 XMLHttpRequest 响应吗？

Question

这是一个关于一般浏览器的问题，但我主要关心的是 Chrome。

假设我在文件 index.html 中有以下片段:

<img src='//path/to/foo.img'></img>

和foo.img 在我的服务器上每小时变化一次。我想在整点预取这张图片，这样当用户刷新页面时，就会从浏览器的 HTTP 缓存中读取更新后的图片 //path/to/foo.img。

有几件事我不确定:

1. XHR 的响应是否默认缓存？
2. 如果是这样，他们是否使用与浏览器在获取 img、css、js 等请求时使用的缓存不同的缓存？
3. 如果 #2 的答案是否定的，那么是否足以为 //path/to/foo.img 发送 XHR 以便缓存响应 - 然后重新发送- 刷新页面时由浏览器使用？

Answer 1

通常浏览器会缓存image、js 和css 文件。如果您为图像 src 使用图像路径或固定图像 url，那么您应该为图像添加一个随机数 [通常是一个随机数]网址每次。所以你的图像路径将是这样的，

<img src='//path/to/foo.img?1234567'></img>

这将确保您之前的图片或缓存的图片不会加载。尽管页面一次又一次刷新，但始终从服务器加载新图像。