layui.sessionData怎么设置过期时间并在过期后自动清空-Layui教程-PHP中文网

layui.sessionData本身不支持过期时间，仅为sessionStorage封装，需手动添加时间戳和校验逻辑实现过期；推荐封装TimedSession类统一处理，注意iframe隔离性及与layui.data的区别。

layui.sessiondata怎么设置过期时间并在过期后自动清空

layui.sessionData 本身不支持过期时间

这是最常被误解的一点：layui.sessionData 只是对原生 sessionStorage 的一层封装，它没有内置的自动过期机制。调用 layui.sessionData('table', {key: 'k', value: 'v'}) 后，数据会一直留在当前标签页的 sessionStorage 中，直到页面关闭或手动清除。

要实现“带过期时间”的效果，必须自己加时间戳逻辑

和原生 sessionStorage 一样，你需要在写入时存时间戳，在读取时做校验。Layui 没提供现成的 expires 参数，得手动补全：

写入时：把值和当前时间戳、过期毫秒数一起序列化后存入
读取时：先解析，再比对 Date.now() - timestamp > expires，超时就删并返回 null
别直接覆盖原 layui.sessionData 方法——容易破坏 layui 内部逻辑，建议封装新函数

示例（推荐）：

const TimedSession = {
  set(key, value, expiresMs = 30 * 60 * 1000) {
    const item = {
      data: value,
      timestamp: Date.now(),
      expires: expiresMs
    };
    layui.sessionData('timed', { key, value: JSON.stringify(item) });
  },
  get(key) {
    const itemStr = layui.sessionData('timed', { key });
    if (!itemStr) return null;
    try {
      const item = JSON.parse(itemStr);
      if (Date.now() - item.timestamp > item.expires) {
        layui.sessionData('timed', { key, remove: true });
        return null;
      }
      return item.data;
    } catch {
      layui.sessionData('timed', { key, remove: true });
      return null;
    }
  }
};
<p>// 使用
TimedSession.set('token', 'abc123', 5 <em> 60 </em> 1000); // 5 分钟
console.log(TimedSession.get('token')); // 超时后返回 null
</p>