Сохранение состояния в функции javascript

Question

У меня есть рубиновое веб-приложение, которое использует функцию javascript для обновления компонента на странице.

Все, что я хочу сделать, - это «запомнить» веб-сайт, когда пользователь перезагружает страницу и/или возвращается после повторной загрузки.

Javascript очень прост. Все, что я хочу сделать что-то вроде этого ...

$('#my_field').change(function() { 
    $('#result').html = 'a new value' 
}); 

только компонент «результат» сохранить «новое значение» после того, как пользователь перезагружает страницу.

Любые предложения?

Спасибо!

Answer 1

Я предлагаю использовать HTML5 локальное хранилище так:

Это будет хранить значение в локальном хранилище localStorage.setItem ('значение', 'новое значение');

Теперь вы можете получить это значение следующим образом: var oldValue = localStorage.getItem ('value');

Это будет работать как печенье, но все это делается на стороне клиента!

В вашем примере вы можете использовать это:

$('#my_field').change(function() { 
    localStorage.setItem('value',$('#result').val()); 
}); 

Когда вы идете на страницу снова после обновления вы можете получить значение:

var oldValue = localStorage.getItem('value'); 

Answer 2

Метод html() устанавливает или возвращает содержимое (innerHTML) выбранных элементов.

$('#my_field').change(function() { 
    $('#result').html('a new value'); 
});