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

Posted 2021-02-03 Smile_ruo

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