1、通过后台

【存-通过链接加参数或者用表单】

<button><a href="/pageB?name=王志">A→B</a></button>

【取-后台取值发往前端】

@RequestMapping("/pageB")
public String trans(@RequestParam("name") String myname, Model model) {
    System.out.println(myname);
    model.addAttribute("name", "wangzhi");
    return "pageB";
}

【取-获取后端的数据】

//取--利用thymeleaf
//法一
<div th:text="${name}"></div>
//法二，注意加th:inline="javascript"
<script th:inline="javascript">
   let name = [[${name}]];
</script>

2、通过js localStorage，最大支持5M

此为浏览器本地存储，清楚缓存时就不在了
【前端存】

if(window.localStorage){
    alert("浏览器支持localstorage");
    let storage=window.localStorage;
    storage.setItem("c",3);
    console.log(typeof storage["c"]);
}

【前端取】

if(window.localStorage){
    let storage=window.localStorage;
    let c=storage.getItem("c");
    console.log(c);
}
alert(name)

3、利用sessionStorage

注意键名不要用中文，此为会话存储，会话结束即清除
【前端存】

window.sessionStorage.setItem("name2", str);

【前端取】

let tempData = window.sessionStorage.getItem("name2");

4、利用地址栏

【前端存】

<button><a href="/pageB?name=王志">A→B</a></button>

【前端取】

let loc=location.href;
let n1=loc.length;//地址的总长度
let n2=loc.indexOf("=");//取得=号的位置
let id=decodeURI(loc.substr(n2+1, n1-n2));//从=号后面的内容
console.log(id+"hahahahh");