如何使用JS在刷新后保持页面刷新前的数据显示?

页面本身不具备保存历史数据的功能,需要通过其他方式实现。常见的方法如下:

异步更新页面。其实这种方法并不是刷新页面,而是通过AJAX引导获取信息来更新页面,从而保留原页面需要保留的数据。这是一些网站在发布评论后用来更新评论的方法。

用COOKIE保存。将要保存的数据存储在COOKIE中,当页面更新时,读取COOKIE并将其呈现在页面上。比如登录框记录了用户名,下次登录就不需要重新输入了。但是COOKIE存储的数据量有限,不适合大数据存储。

服务器端保存数据。类似于COOKIE保存,只是内容保存在服务器端,使用会话机制从服务器读取内容,并在页面更新时再次呈现。这是一种常见且安全的方法。有些文本编辑器,比如保存草稿,就是这样实现的。