javascript - 使用javascript在多个页面中获取相同的值

Question

我有多个页面，

login.html
 -a.html
 -b.html
 .
 .
 -z.html

当用户登录时，我希望所有此页面都可以获取用户信息，例如user_id和user_name。但如果没有 session ，我怎样才能只在 javascript 中做到这一点？

Answer 1

There are many ways to solve your problem:

浏览器的cookie

您可以使用浏览器 cookie 来获取特定域的数据，就像您在 W3 school page 上看到的那样。一种尝试是您可以使用服务器端读取 cookie

要设置浏览器的 cookie，您可以执行以下操作:

var user_name = "John Doe"
var user_id = 1235456
document.cookie = "user_name=" + user_name;
document.cookie = "user_id=" + user_id;

要获取数据，您可以使用在 kirlich's answer 上创建的此函数:

function getCookie(name) {
    var value = "; " + document.cookie;
    var parts = value.split("; " + name + "=");
    if (parts.length == 2) return parts.pop().split(";").shift();
}

getCookie("user_name"); // => John Doe

本地存储

本地存储有一个区别，它只能被客户端读取。确保您的数据免受 Cross-site request forgery 的攻击:

localStorage.setItem("user_name", "John Doe");
localStorage.getItem("user_name"); // => "John Doe"

session 存储

sessionStorage 对象与 localStorage 对象相同，只不过它只存储一个 session 的数据。当用户关闭特定浏览器选项卡时，数据将被删除。

sessionStorage.username = "John Doe";
console.log(sessionStorage.username); // => "John Doe"