前端页面通过post方式跳转页面,值的传递与值的获取

整体思路: 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); //删除值

 

  • 2
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值