首页 > 移动平台 > 详细

h5-webAPP页面返回上个页面同时刷新上个页面

时间:2019-01-16 17:07:40      阅读:297      评论:0      收藏:0      [点我收藏+]

很多时候在创建一个订单时需要添加备注,而添加备注这个功能在UI设计时往往是,点击跳转到另一个页面(B)去输入,返回的时候给带到创建订单的页面(A)。在APP中我们可以通过以下这种方式,

A页面中:

        // 局部刷新
        window.addEventListener(‘personCenter‘, function(e) {
            getUserInfo()
        })

B页面中:

        // 个人中心
        var personCenter = plus.webview.getWebviewById(‘页面的ID‘);
        //触发详情页面的personCenter事件
        mui.fire(personCenter, ‘getInfos‘, {});

如果是A->B,也就是说从A直接跳到B页面的,获取到上一页也可以用 

var personCenter = plus.webview.currentWebview.opener()

而在webAPP中我们知道Plus不可以用,那想返回到上个页面可以通过mui.back(),或者window.history.go(-1)等方式,但是这种方法在IOS上是不会刷新‘上一页’的,此时我们可以这样做

window.location.href = document.referrer

document.referrers虽不支持浏览器的前进和后退,但是浏览器在向server请求页面A的时候,会发送HTTP请求。这个请求的Header里会带上Referer属性,server接收到该请求后,可以提取出Header里的Referer,用于判断访客是从哪个页面发起的请求,也可以说它能追踪到的浏览器端行为

 

h5-webAPP页面返回上个页面同时刷新上个页面

原文:https://www.cnblogs.com/liruoruo/p/10278018.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!