中止(HTML)图像下载

我在网页上显示了各种各样的图像集(比如每集50个图像)。用户可以从列表中选择要显示的集合,该集合通过jquery-ajax调用加载,以删除旧的img标记并添加新的标记。

我看到的是,对第一批过时映像的所有请求仍然从服务器中提取,从而延迟新映像的加载并杀死UX。所以我的问题是:是否可以清除浏览器中第一组不再存在于dom中的img的请求?这不是自动的吗?

下面是流程的jquery示例片段:

updateImages = function(imageSetId) {
    // clear existing IMG set
    $("#imagesDiv").empty();

    $.post(
        "/GetImagesInSet",
        { imageSetId: imageSetId },
        function(data) {
            // add in new IMG set
            $("#imagesDiv").html(data);
        },
        "html"
    );
};

我的期望是对$().Empty()的调用将阻止从请求队列中删除其中所有挂起的映像。如果这是一个糟糕的设计,我会接受其他的建议!