javascript - 我如何检查已经请求的ajax数据？

Question

我有图片库。当用户点击缩略图时，画廊有缩略图，ajax 请求将被触发。我希望当用户再次单击缩略图请求时不应触发并使用现有数据。

$.getJSON(url, function(data) {

}

我想要一个js对象，并在缩略图上单击时保留该对象中每个图像的json数据，首先检查是否已经加载数据(如果是)，然后不要进行ajax调用，只需使用数据我之前获取的数据应该保存在对象上吗？如果是!那我该怎么做呢？

Answer 1

将初始点击事件与.one绑定(bind)，然后在请求ajax后在其中绑定(bind)新的点击事件。

$(".thumbnail").one("click",function(){
    var request = $.getJSON(url);
    $(this).on("click",function(){
        request.done(function(data){
            // do something with data when it is available
        });
    }).triggerHandler("click");
});

第一次点击每个缩略图将请求数据然后使用该数据，随后的每次点击将仅使用该数据