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

Posted Smile_ruo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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,用于判断访客是从哪个页面发起的请求,也可以说它能追踪到的浏览器端行为

 

以上是关于h5-webAPP页面返回上个页面同时刷新上个页面的主要内容,如果未能解决你的问题,请参考以下文章

js特效1

IOS 禁止侧滑返回上个页面功能

微信小程序页面返回

JS 页面离开事件 页面关闭事件,实现登录成功返回上个页面

web端 - 返回上一步,点击返回,跳转上个页面 JS

Selenium自动截图怎么总是上个页面