在javascript函数中保存状态

Question

我在rails web应用程序上有一个ruby，它使用javascript函数来更新页面上的组件。

我想做的就是让网站“记住”＃39;用户重新加载页面和/或重新加载后返回的值。

javascript非常简单。我想做的就是这样......

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

只有＆＃39;结果＆＃39;组件保留了一个新的价值＆＃39;用户重新加载页面后。

有什么建议吗？

谢谢！

Answer 1

我建议使用 HTML5本地存储，如下所示：

这会将值存储在本地存储中 localStorage.setItem（＆＃39; value＆＃39;，＆＃39;一个新值＆＃39;）;

您现在可以像这样获得该值： var oldValue = localStorage.getItem（＆＃39; value＆＃39;）;

这将像cookie一样工作，但它完全在客户端完成！

在您的示例中，您可以使用此：

$('#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');
});