整体思路: A页面需要通过post方式跳转到B页面,A页面传递的值,B页面需要获取。 为了B页面,能够获取到值。可以选择localStorage或者sessionStorage来存储值,localStorage的值是存储在本地中,如果人工不去删除,数据就会一直存在。sessionStorage的值,是存储是当前会话中,通俗一点,就是当前的窗口中。 所以选择sessionStorage来存储值,比较合理(一直没找到前端通过post方式跳转页面并且传值和获取值的其他解决方案,如有更好的方案,感谢推荐)
A页面:
/*
* url:跳转链接
* method:跳转方式
* params:传递参数 [{name:"test" ,data:"123"}]
* */
function goToUrl(url,method,params){
var form = document.createElement("form");
form.action = url;
form.method = method;
form.style.display = "none";
document.body.appendChild(form);
params.forEach(function (param) {
sessionStorage.setItem(params.name,param.data);
});
form.submit();
return form;
}
B页面:
var data=sessionStorage.getItem(param.name); //获取值
sessionStorage.removeItem(param.name); //删除值