Как хранить данные, проученные ajax'ом?

Question

[Павел Чуев]

<script type="text/javascript">
	$(document).ready(function(){
		$('[data-toggle="popover"]').popover({
			html: true,
			title: $(this).attr('title'),
			content:
			function() {
				NProgress.start()
				return $.ajax({
					url: '//shikimori.org/api/animes/'+$(this).attr('id'),
					dataType: 'json',
					async: false,
					success: function (data){setTimeout(function() {NProgress.done();}, 1000)}
				}).responseText;
			},
			trigger: 'hover',
			placement: 'left',
		});
	});
</script>

При наведении на ссылку в html c атрибутом data-toggle="popover" показываю popup окно с информацией с другого сервера, полученной аяксом. Как хранить данные хотя бы минуту? Т.е при наведении сработал запрос на сервер и отобразил информацию и в течении минуты только отображал ее без запросов аякса.
p.s таких ссылок 20 и нужно хранить информацию с каждой, на которую попадал курсор

Answer 1

[Алексей]

LocalStorage? htmlbook.ru/html5/storage
Это если надо хранить между перезагрузкой страниц.
Если в пределах одной страницы - в массиве.

Comments

[Павел Чуев]

Попробовал так:

<script type="text/javascript">
	$(document).ready(function(){
		$('[data-toggle="popover"]').popover({
			html: true,
			title: $(this).attr('title'),
			content:
			function() {
			var dataConfig;
			if (dataConfig == null) {function() {
				NProgress.start()
				return $.ajax({
					url: '//shikimori.org/api/animes/'+$(this).attr('id'),
					dataType: 'json',
					async: false,
					success: function (data){setTimeout(function() {NProgress.done();}, 1000)
					var dataConfig = $.parseJSON(data);}
				}).responseText;
			}},
			trigger: 'hover',
			placement: 'left',
		});
	});
</script>

Все перестало работать.

[Алексей]

Не не так, сейчас набросаю.

[Алексей]

<script type="text/javascript">

  var ajax_cache = {};

  $(document).ready(function(){
    $('[data-toggle="popover"]').popover({
      html: true,
      title: $(this).attr('title'),
      content: ajax_cache[$(this).attr('id’)] ? ajax_cache[$(this).attr('id’)] : function() {
        NProgress.start();
        var saveid = $(this).attr('id’);
        return $.ajax({
          url: '//shikimori.org/api/animes/'+$(this).attr('id'),
          dataType: 'json',
          async: false,
          success: function (data){
            ajax_cache[saveid] = data;
            setTimeout(function() {NProgress.done();}, 1000)}
        }).responseText;
      },
      trigger: 'hover',
      placement: 'left',
    });
  });
</script>

На 100% не уверен, надо отлаживать на живом примере.