javascript - 为什么用ajax加载的图片不会缓存

Question

今天用ajax加载了图片，但是发现第二次去调用的时候还是200，而不是304.
比如我ajax加载了图片，然后再把地址放到的src里面去。。

Answer 1

$.ajax({
    method: 'GET',
    url: '图片地址',
    cache: false,
    success: function () {
        $('图片节点').attr('src', '图片地址');
    }
});

先用ajax预加载一遍，注意cache属性设置为false，加载完之后赋值图片的src属性的时候就能用的上缓存了。

Answer 2

ajax 请求你听不到 30X 的, 都会处理成 200 好像.

可以用 new Image().src = '...'; 来预加载. 不过更稳当的方式是, 放一个图片到文档中看不见的地方 (避免内存缓存被清空). 比如 position: absolute; height: 0; overflow: hidden; 的 p.