Hey there! Let's clear up your confusion step by step.

首先明确你关心的核心问题：SessionStorage里的展示数据确实会在浏览器关闭后丢失——不管你存储的是用来展示的内容还是其他数据，SessionStorage的生命周期只限于当前浏览器会话（也就是标签页打开的这段时间）。一旦用户关闭标签页或者整个浏览器，里面的所有数据都会被彻底清除，下次打开页面时SessionStorage是空的。

接下来我们结合你的应用场景（AJAX获取数据后展示），分析两种存储的适用情况：

什么时候选SessionStorage？ #

• 如果你希望数据仅在当前会话有效：比如你的展示数据时效性极强（比如实时更新的新闻榜单、临时的搜索结果），用户关闭页面后不需要保留，或者每次打开页面都应该重新拉取最新数据，只是在当前浏览过程中用存储来缓存数据、减少重复AJAX请求，那SessionStorage是完美的选择。
• 额外优势：SessionStorage是标签页隔离的——用户在另一个标签页打开你的应用，会拥有独立的SessionStorage空间，数据不会互相干扰，适合不需要跨标签页共享数据的场景。

什么时候选LocalStorage？ #

• 如果你希望用户下次打开页面时能直接加载之前的展示数据：比如用户的个性化展示内容、浏览过的历史记录，或者数据获取成本较高（比如大体积的静态数据），想通过缓存来提升用户体验、减少服务器请求，那必须用LocalStorage。它的数据是持久化存储的，除非用户手动清除浏览器存储，或者你通过代码主动删除，否则会一直保留在用户本地。
• 注意事项：LocalStorage是同源共享的——同一个域名下的所有标签页都会共用这部分存储，如果你在一个标签页更新了数据，其他标签页的LocalStorage也会同步变化，这一点需要结合你的业务需求判断是优势还是限制。另外，LocalStorage本身没有过期机制，如果你存储的数据有有效期，记得在存储时额外保存一个时间戳，每次读取时判断是否过期，过期就重新发起AJAX请求获取最新数据。

通用注意点 #

• 两种存储的容量都有限制（通常在5MB左右），不要存储过大的数据。
• 它们只能存储字符串类型的数据，所以如果要存储对象/数组，需要先用JSON.stringify()序列化，读取时用JSON.parse()反序列化。

内容的提问来源于stack exchange，提问作者nad