前端传值的两种方式cookie传值和localStorage传值

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 + ")");