Постоянный контент при посещении другой страницы в (постоянном переключении) jQuery

Question

Когда я изменяю содержимое сайта с помощью переключателя или какой-либо другой функции, состояние не сохраняется.Итак, если это моя страница:

<div id='test'></div>
<input type='submit' value='test'>
<a href='http://www.stackoverflow.com'>link to elsewhere</a>​

и это в моем коде готовности:

$(':submit').click( function() {
  $('#test').text( 'this is a test' );
});

, когда я нажму кнопку отправки, div будет заполнен 'этотест'.Когда я перехожу по ссылке на stackoverflow и нажимаю «назад», DIV снова будет пустым.Как сделать DIV постоянным при переходе на другую страницу, так же, как постоянные элементы <input> (т. Е. Если я введу текст в <input type='text'/> и перейду по ссылке, этот текст все равно будет там, когда я нажму 'назад ')

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

Answer 1

Да, вы можете использовать куки, URL-хэш или вы можете сохранить состояние в виде строки в "window.name". Конечно, независимо от того, где вы храните свое состояние, вам нужно получить его при загрузке и сбросить состояние до того, где оно было.

Одна приятная вещь в window.name, если вы можете хранить там целые страницы HTML, а затем перезагружать их обратно в DOM, включая предыдущее состояние. Конечно, другие страницы могут перезаписывать «window.name», поэтому вам нужен план B, когда это произойдет.

"url hash" довольно полезен и может использоваться с AJAX.

Подробнее: http://code.google.com/web/ajaxcrawling/docs/specification.html