当前位置：首页 > JavaScript

js实现注销

2026-03-01 04:13:55JavaScript

以下是在JavaScript中实现注销功能的几种常见方法：

清除用户会话或本地存储

通过移除浏览器中的会话数据或本地存储数据实现注销：

// 清除sessionStorage
sessionStorage.clear();

// 清除localStorage
localStorage.clear();

// 清除特定键值
localStorage.removeItem('authToken');

清除Cookie

删除认证相关的Cookie实现注销：

document.cookie = 'token=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
document.cookie = 'sessionId=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';

发送注销请求到服务器

向服务器发送API请求终止会话：

async function logout() {
  try {
    const response = await fetch('/api/logout', {
      method: 'POST',
      headers: {
        'Authorization': `Bearer ${localStorage.getItem('token')}`
      }
    });
    if (response.ok) {
      localStorage.removeItem('token');
      window.location.href = '/login';
    }
  } catch (error) {
    console.error('Logout failed:', error);
  }
}

重定向到登录页

清除认证信息后跳转页面：

function logout() {
  // 清除所有存储数据
  localStorage.clear();
  sessionStorage.clear();

  // 重定向到登录页
  window.location.href = '/login';
}

综合实现方案

结合前端清理和后端请求的完整方案：

async function fullLogout() {
  // 发送注销请求
  await fetch('/api/logout', { method: 'POST' });

  // 清除前端存储
  localStorage.clear();
  sessionStorage.clear();

  // 清除Cookie
  document.cookie.split(";").forEach(c => {
    document.cookie = c.replace(/^ +/, "")
      .replace(/=.*/, `=;expires=${new Date().toUTCString()};path=/`);
  });

  // 跳转页面
  window.location.replace('/login');
}

注意事项：

js实现注销