Как я могу проверить уже запрошенные данные ajax?

Question

У меня есть галерея изображений. и галерея имеет миниатюры, когда пользователь нажимает на эскиз. Я хочу, чтобы при повторном нажатии пользователем запроса эскизов не нужно запускать и использовать существующие данные.

$.getJSON(url, function(data) { 

} 

я хочу объект JS и сохранить данные в формате JSON для каждого изображения в этом объекте, когда щелчок делается на миниатюру, сначала проверьте, если уже загружены данные, если да, то не делают Ajax вызова и просто используйте данные, которые я выбрал ранее, должен ли я хранить данные об объектах? Если да! то как я могу это сделать?

Answer 1

Привязать событие начального клика с помощью .one, а затем в нем связывать новое событие click после запроса ajax.

$(".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"); 
}); 

Первый щелчок на каждую миниатюре будет запрашивать данные затем использовать эти данные, каждый последующий щелчок только использовать данные