Question

我正在构建一个表单，我必须将数据存储在html5的sessionStorage中，我不知道sessionStorage到期的位置。任何人都可以告诉我sessionStorage

的到期时间

Answer 1

它与您的浏览器会话一起生存和死亡，并且不会在标签之间共享。它不会自动失效。因此，如果您从未关闭浏览器，它永远不会过期。

因此，当标签/窗口关闭时，数据会丢失。

每个 sessionstorage 区域允许5mb的存储空间（在某些浏览器中为10mb）。其中 cookies 仅允许4kb（或某些浏览器中的更多）。但是Cookie有一个设定的到期日期。

正如Christophe在评论中所写， localstorage 永不过期。它也在标签之间共享，与sessionstorage（5mb）的大小相同。

Answer 2

我知道这个问题已经很老了，但是如果其他人偶然发现这个问题并发现它有用，我会发布我的答案。您可以使用以下内容模拟sessionStorage或locaStorage过期：

//In your login logic or whatever
var expires = new Date(year, month, day, hours, minutes, seconds, milliseconds);
var sessionObject = {
    expiresAt: expires,
    someOtherSessionData: {
        username: ''
    }
}
sessionStorage.setItem('sessionObject', JSON.stringify(sessionObject));

如果您不希望此会话对象处于清除状态，您还可以使用http://bitwiseshiftleft.github.io/sjcl/之类的内容加密此对象。

在每次加载页面时，您都可以检查sessionStorage或localStorage是否已过期：

$(document).ready(function(){
    var currentDate = new Date();
    var sessionObject = JSON.parse(sessionStorage.getItem('sessionObject'));
    var expirationDate = sessionObject.expiresAt;
    if(Date.parse(currentDate) < Date.parse(expirationDate)) {
        //normal application behaviour => session is not expired
        var someAppVariable = sessionObject.someOtherSessionData.etc;
    } else {
        //redirect users to login page or whatever logic you have in your app 
        //and remove the sessionStorage because it will be set again by previous logic
        sessionStorage.removeItem('sessionObject');
        console.log('session expired');
    }
});

如果您不希望用户在选项卡或浏览器关闭后保持登录状态，请使用sessionStorage，否则您应该使用localStorage并根据需要进行操作。

我希望有人会觉得这很有帮助。

Answer 3

您可以使用以下内容添加某种过期机制：

// get from session (if the value expired it is destroyed)
function sessionGet(key) {
  let stringValue = window.sessionStorage.getItem(key)
    if (stringValue !== null) {
      let value = JSON.parse(stringValue)
        let expirationDate = new Date(value.expirationDate)
        if (expirationDate > new Date()) {
          return value.value
        } else {
          window.sessionStorage.removeItem(key)
        }
    }
    return null
}

// add into session
function sessionSet(key, value, expirationInMin = 10) {
  let expirationDate = new Date(new Date().getTime() + (60000 * expirationInMin))
    let newValue = {
    value: value,
    expirationDate: expirationDate.toISOString()
  }
  window.sessionStorage.setItem(key, JSON.stringify(newValue))
}

Answer 4

您可以在Cookie中保存到期时间。在每个加载页面中，读取cookie，如果它为空（意味着已过期），则清除sessionstorage。

sessionStorage到期

4 个答案: