1.cookie传值
传递数据少,可向后端传值
// cookie传值
setCookieValue("username",userInfo.user.username);
setCookieValue("userimg",userInfo.user.userImg);
// 获取值
var name = getCookieValue("username");
var img = getCookieValue("userimg");
js文件
var operator = "=";
function getCookieValue(keyStr) {
var value = null;
var s = window.document.cookie;
var arr = s.split("; ");
for (var i = 0; i < arr.length; i++) {
var str = arr[i];
var k = str.split(operator)[0];
var v = str.split(operator)[1];
if (k == keyStr) {
value = v;
break;
}
}
return value;
}
function setCookieValue(key,value) {
document.cookie = key+operator+value;
}
2.localStorage传值
传递数据多,一般用于前端数据传递
// localStorage传值
localStorage.setItem("user",JSON.stringify(userInfo.user))
// localStorage取值
var jsonStr = localStorage.getItem("user");
// 将json字符串转换为对象
var userInfo = eval("(" + jsonStr + ")");