JavaScript 获取当前登录账号及 ID 的方法

在Web开发中，经常会遇到需要获取当前登录账号及ID的情况，以便根据用户身份提供个性化的服务和功能。JavaScript提供了多种方法来实现这一目的，下面将为您详细介绍。

一、通过Cookie获取

Cookie是一种在客户端存储数据的机制，服务器可以在用户登录时将用户账号和ID等信息存储在Cookie中，然后在后续的页面访问中，JavaScript可以读取这些信息。

示例代码如下：

function getCookieValue(cookieName) {
    var name = cookieName + "=";
    var decodedCookie = decodeURIComponent(document.cookie);
    var cookieArray = decodedCookie.split(';');
    for (var i = 0; i < cookieArray.length; i++) {
        var cookie = cookieArray[i];
        while (cookie.charAt(0) ===' ') {
            cookie = cookie.substring(1);
        }
        if (cookie.indexOf(name) === 0) {
            return cookie.substring(name.length, cookie.length);
        }
    }
    return "";
}
var username = getCookieValue('username');
var userID = getCookieValue('userID');

二、通过Local Storage获取

Local Storage是HTML5提供的一种本地存储机制，它允许在客户端存储键值对数据。与Cookie不同，Local Storage的存储容量更大，并且不会随着HTTP请求发送到服务器。

示例代码如下：

var username = localStorage.getItem('username');
var userID = localStorage.getItem('userID');

三、通过后端接口获取

如果前端无法直接获取用户账号和ID信息，可以通过向后端发送请求，由后端根据当前用户的登录状态返回相应的信息。

示例代码如下：

fetch('/getUserInfo')
 .then(response => response.json())
 .then(data => {
    var username = data.username;
    var userID = data.userID;
  });

在实际应用中，您可以根据具体情况选择合适的方法来获取当前登录账号及ID。需要注意的是，为了保证数据的安全性，建议对用户信息进行加密处理，并在传输和存储过程中采取相应的安全措施。