Не перезагружать уже загруженную страницу с помощью AJAX

Question

У меня есть меню, и я хочу, чтобы загрузить содержимое моего DIV с AJAX

Если была загружена страница и я вернуться к нему, страница не должна быть перезагружена

Мой код

$(".menulist").on("click", function (e) { 
    e.preventDefault(); 
    var url = $(this).attr("href"); 

    $.ajax({ 
     url: url, 
     dataType: 'html', 
     cache: true, 
     success: function (data) { 
      $('#result').html(data); 
     } 
    }); 
}); 

есть любое решение благодаря

Answer 1

var requestCache = {}; 

$(".menulist").on("click", function (e) { 
    e.preventDefault(); 
    var url = $(this).attr("href"); 

    if (requestCache[ url ]) { 
     $('#result').html(requestCache[url]); 
    } else { 
     $.ajax({ 
      url: url, 
      dataType: 'html', 
      cache: true, 
      success: function (data) { 
       $('#result').html(data); 
       requestCache[url] = data; 
      } 
     }); 
    } 
});