jquery ajax 加载浏览器缓存图片无响应
在使用 jquery ajax 加载图片时，如果图片已经被浏览器缓存，则 done() 回调函数可能不会执行。本文将探讨原因并提供一种解决方法。
问题中给出的代码示例正确地加载了图像，但如果图像在浏览器缓存中，done() 函数中的回调仍然不会被调用。这是因为当浏览器从缓存中检索图像时，它会跳过 http 请求，因此 jquery 无法接收到响应。
要解决此问题，可以使用以下代码修改请求头，强制浏览器从服务器加载图像，从而绕过缓存：
$.ajax({
url: imgUrl,
type: 'get',
cache: true,
processData: false,
headers: {
'Cache-Control': 'no-cache'
}
}).done(function () {
//...
});通过设置 cache-control 标头为 no-cache，可以指示浏览器不要使用缓存的响应，而是直接从服务器请求图像。这将确保在加载浏览器缓存图片时也能触发 done() 回调。
