Сохранение данных при перезагрузке страницы

[soonner]

Всем доброго времени суток. Сейчас столкнулся с небольшой проблемой и надеюсь с вашей помощью решу ее.

И так суть проблемы. Как сделать так что бы при нажатии f5 все оставалось на своих местах?

У меня на сайте, есть, допустим, набор ссылок

<li><a class="ajaxhref" href="tpl/time_line.php">Новости</a></li>
<li><a class="ajaxhref" href="tpl/my_friends.php">Друзья</a></li>
<li><a class="ajaxhref" href="tpl/my_message.php">Почта</a></li>

И есть небольшой блок

<div class="right"></div>

В который с помощью js&ajax подгружаются данные

$('.ajaxhref').click(function(e){
e.preventDefault();
var link = $(this).attr("href");
		
$("#header-nav A").removeClass("active");
$(".left A").removeClass("active");
$(this).addClass("active");
$.ajax({
	url: link,
	cache:false,
	beforeSend:function(){
	$(".right").html(" <div id='load' class='loading1'></div>");
		},
		success:function(html){
			$(".right").html(html);
		}
	});
	return false;
});

И все бы замечательно но при таком методе, при нажатии f5 страница будет перезагружена, и показана дефолтовая для блока .right.

[Stilet]

Используй localStorage.
Что -то типа:

localStorage.setItem('MyDiv',тут содержимое что нужно сохранить)

И восстановление:

...innerHTML=localStorage.getItem('MyDiv');

[soonner]

О спасибо. Отличная идея, я думал в сторону печенек, но это тоже отлично работает.
Если кому интересно то код выглядит примерно так

  <script>
  $(document).ready(function(){
	$('.ajaxhref').click(function(e){
	
		e.preventDefault();
		var link = $(this).attr("href");
		localStorage.setItem('current_link',link);
		$("#header-nav A").removeClass("active");
		$(".left A").removeClass("active");
		$(this).addClass("active");
		$.ajax({
			url: link,
			cache:false,
			beforeSend:function(){
				$(".right").html(" <div id='load' class='loading1'></div>");
			},
			success:function(html){
				$(".right").html(html);
			}
		});
		return false;
		
			
	});
	$.ajax({
			url: localStorage.getItem('current_link'),
			cache:false,
			beforeSend:function(){
				$(".right").html(" <div id='load' class='loading1'></div>");
			},
			success:function(html){
				$(".right").html(html);
			}
		});
  });
  </script>

[Naive]

Для этой задачи обычно юзают history, с аналогами со стороны сервера. В этом случае данные "сохранятся" не только при перезагрузке, но и при перекидывании ссылке френду.

[Fortoo]

А зачем второй .ajax вызывать?

Разве нельзя было так

<script>
  $(document).ready(function(){
	$('.ajaxhref').click(function(e){
	
		e.preventDefault();
		var link = $(this).attr("href");
		localStorage.setItem('current_link',link);
		$("#header-nav A").removeClass("active");
		$(".left A").removeClass("active");
		$(this).addClass("active");
		$.ajax({
			url: link,
			cache:false,
			beforeSend:function(){
				$(".right").html(" <div id='load' class='loading1'></div>");
			},
			success:function(html){
				$(".right").html(html);
			}
		});
		return false;
		
			
	});
	
		$(".right").html(localStorage.getItem('current_link'));

  });
</script>

Т.е после (document).ready в блок .right загружаем содержимое localStorage по ключу current_link.

[macomics]

На 9 лет и 4 месяца опоздали

[Fortoo]

Сообщение от macomics

На 9 лет и 4 месяца опоздали

Я видел даты когда писал пост))
Суть поста не ответить человеку, а оставить историю для будущих пользователей

[Valick]

Оставить историю это слишком громко... просто наследил.