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

很多时候在创建一个订单时需要添加备注,而添加备注这个功能在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,用于判断访客是从哪个页面发起的请求,也可以说它能追踪到的浏览器端行为

当你微笑的时候,全世界都会对你微笑。
原文地址:https://www.cnblogs.com/liruoruo/p/10278018.html