zoukankan      html  css  js  c++  java
  • 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,用于判断访客是从哪个页面发起的请求,也可以说它能追踪到的浏览器端行为

    当你微笑的时候,全世界都会对你微笑。
  • 相关阅读:
    解决SSH连接Linux超时自动断开
    小程序选项卡
    vue 封装axios 请求 统一管理方法1
    vue 中使用echar
    vue element 做表格分页
    vue echar使用
    旋转
    vue 登录切换页面
    vue 根据输入的身份号码,自动获取年龄
    vue 手机号码验证 。点击获取验证码
  • 原文地址:https://www.cnblogs.com/liruoruo/p/10278018.html
Copyright © 2011-2022 走看看