Javascript 保存页面的状态。Cookie还是会话？

我有一个小的网络应用程序，它只有一个页面，允许用户输入和选择一些选项。输入文本和选择将以表格的形式显示在另一个div中。您可能希望参考以下示例： 在这个提琴中，您可以键入任何内容，单击submit之后，它将获得文本输入并将它们附加到另一个表ConfigTable

我使用cherrypy作为迷你web服务器，因此主要代码都是用python编写的，我知道它有会话，但我根本不知道如何使用它，因为给出的示例并不是我想要看到的

仅供参考，我根本没有使用PHP，所有内容都在一个页面中。我只是简单地显示和隐藏它们。但我希望页面保持显示configtableTable和隐藏labelTable的状态，即使在刷新之后也是如此。请注意，提琴只是web应用程序的一部分，只有在收到其他设备的回复后才会显示所有这些内容

我对饼干不太确定，因为我找到的饼干都坏了。怎么样它适用于我的情况吗？不过，我需要一些应用示例：

好的，结束我的问题： 1.刷新后可以保存页面状态吗？怎么做？上面提到的哪些方法值得一试？有什么例子可供我参考吗？还有其他建议吗？ 2.我可以在到达页面后简单地禁用刷新或返回吗

提前感谢大家：

不要禁用刷新和/或反向导航。这是一个糟糕的想法-用户对这些按钮将执行和修改哪些操作有一定的期望，从而导致糟糕的用户体验

至于保存状态，虽然您可以使用会话或cookie，但如果您不需要数据服务器端，也可以在客户端保存状态

例如，您可以使用

或者，您可以使用表中的数据创建一个对象，JSON.stringify并将其附加到url，如下所示：example.comstateData

在任何一种情况下，在页面加载时，都必须检查是否存在状态数据。如果发现有，则使用它重新创建表，而不是显示表单

第一种方法的缺点是。 第二种方法的缺点是URL有一个长度限制，因此如果您需要大量数据，则此解决方案不一定适用于您

编辑

---

看来，米多里。我想找一个更好的推荐人。如果可以，请指向Midori，看看它支持哪些HTML5功能。

感谢您的建议：我希望得到一些数据，因为上面的小提琴示例中的表格只是应用程序的一半，我还有另一半，就像这样：用户可以加起来超过10行。此外，由于我使用的是raspberrypi，浏览器很可能是Midori，不确定它是否支持：因此对于localstorage，如示例中所示，我可以通过以下var字段保存集合数据：document.getElementByIdfield；'其中字段`将是我拥有的每个文本输入的ID？但是它们太多了><而且表格是动态的：在我看来，一切都太复杂了：使用javascript框架可以让自己的生活轻松很多。我推荐Zepto.js，因为它非常小，您只需要支持一个浏览器。好的，谢谢您的建议！它们意义重大在询问更多信息之前，我们将学习本地存储。不用担心。如果我已经回答了您的问题，请单击左侧的复选标记将其标记为答案。

$('#labels #labelTable tr:last').after(addmore);
$('#configtable #configtableTable tr:last').after(displaymore);