原始js怎么实现刷新页面仍保留数据

Question

题目描述在一个新打开的页面，有多个输入框，输入后点击保存，数据发送给后端，页面变化一下，将输入框隐藏，数据显示出来，此时刷新了一下页面，怎么保留数据还存在。输入数据：图片描述保存后以及刷新后：图片描述数据并不会消失。题目来源及自己的思路我现在是用sessionstorage存储下来，页面最初时先判断sessionstorage是否有值，如果有则取数据渲染，但这样特别麻烦，想问一下是否有什么更高效的方法。项目中用的是原生js和jquery,没有用框架。

Answer 1

没有更高效的方法，存是必须存的。
就看你存Cookies还是LocalStorage还是SessionStorage或者服务器而已。
都这个做法，具体渲染会不会卡顿就看你的代码质量了。
                            

Answer 2

根据楼主的描述，如果不借助服务端，就必须使用持久化存储了。浏览器提供的持久化存储方案包括LocalStorage、SessionStorage、IndexedDB、WebSQL以及Cookies。至于选用哪种，楼主可以自行研究决定。