我们时常会遇到一些情况就是,当我们跳转到新的页面的时候,原来的页面数据却无法获取,这时候,我们则需要用到本地存储 sessionStorage。
sessionStrorage 是仅在当前会话下有效,关闭页面或浏览器后被清除,所以这个用来查询则非常实用。我们将我们需要查询的文章或者是数据的id携带跳转进入下一个页面,则可以显示对应id的数据,并且这个查询互不干扰,十分省事。
//点击进入编辑页面
function selectItems(even, i, ids) {
sessionStorage.setItem('newData', JSON.stringify(ids));//携带该编辑的id进入编辑页面
window.location.href = "classChange.html";
}
" <span class=\"bianji\" onclick=\"selectItems(this," + i + "," + pic.data[i].id + ")\">编辑</span>"
顺带说下,这个与localStorage不同,localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信。