jquery - 如何保存jquery更改后的html页面？

Question

我有一个 html 页面，这些是代码:

<script>

$(document).ready(function(){
  $("h4").click(function(){
    $(this).html("read");
  });
});

</script>


{% for data in collecteddata %}
    <div align="center" class="box">{{ data }}</div><h4>unread</h4>
{% endfor %}

例如，我单击“未读”，它变为“已读”，但是当我刷新页面时，它再次变为“已读”。抱歉，这可能是一个愚蠢的问题，但是如何在我的 html 页面上保存 jquery 效果？编辑:我不在本地服务器上工作，我使用 jinja 并且没有数据库。我只使用 jinja 和 python。

Answer 1

您必须将修改后的数据存储(持久化)在某个地方。使用对服务器的 AJAX 请求将消息标记为已读(如您的情况)。

或者您可以使用 localStorage/sessionStorage，称为 Web Storage ，将数据存储在浏览器中。请注意，用户可以更改此数据，因此敏感信息不应存储在 Web 存储中。

另一个值得研究的新的、令人兴奋的事情是 IndexedDB ，它的作用有点像客户端的 SQL 数据库。