javascript - jQuery $.get() 内存使用

Question

这是我在我的网页上使用的 jQuery 方法，它通过加载同一页面并替换图像每 5 秒刷新一次图像。

$(document).ready(function () {
    var refreshId = setInterval(function () {
        $.get('default.aspx', function (data) {
            var page = data;
            var image = $(page).find("img");
            var fecha = $(page).find("div #fecha");


            $("#Chart1").attr("src", image.attr("src"));
            $("#fecha").text(fecha.text());                    
        });
    }, 5000);
});

我看到每次它加载 img 时，数据都会存储在浏览器的某个位置并且不会清理。当我打开任务管理器时，我可以看到内存使用量在增加。

这是图像 axd.. 的屏幕截图

我应该担心释放内存吗？或者一切都按预期工作..

Answer 1

为什么不只使用 url 重新加载图像而不是获取获取 url 的整个页面？如果你想阻止缓存，要么将图像设置为不通过服务器 header 缓存，要么使用 cachebusting

var img = document.getElementById('Chart1');          //use plain JS since it's just an ID
var refreshId = setInterval(function () {
    var rand = "?"+(Math.random()*10000000000000000);  //cache busting method
    img.src = "path_to_image"+rand                     //set src using busted url
}, 5000);

这仍然会占用磁盘空间，因为每个损坏的图像都被视为不同的图像。如果它被缓存，您将使用陈旧的图像。但至少你不会一次又一次地加载整个页面。