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

时间: 2024-08-02 10:07:09

h5-webAPP页面返回上个页面同时刷新上个页面的相关文章

利用ajax在页面返回json格式的错误信息,避免页面出现404

404书写方式 CreateHtmlSupport.getInstance().createHtml(fileLocation,fileName,fileTop,fileContent,fileBottom); ajax方式 JSONObject obj = CreateHtmlSupport.getInstance().createHtml(fileLocation,fileName,fileTop,fileContent,fileBottom); String result = obj.ge

js 返回上一页和刷新以及页面跳转

1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: <a href="javascript:history.go(-1);">向上一页</a> response.Write("<script

Js返回上一页,刷新页面,定时刷新,改变地址栏 等常用实用技巧

1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: <a href="javascript:history.go(-1);">向上一页</a> response.Write("<script

js 实现返回上一页和刷新等页面跳转功能

原文 出处http://www.2cto.com/kf/201111/109821.html 1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: <a href="javascript:history.go(-1);">

输入url到页面返回的过程

输入url后,你看到了百度的首页,那么这一切是如何发生的呢? 这个问题之前.最近.我想以后肯定还会被问到,或者问到这样的题目,如果在百度框里输入查询的字符串开始,是怎么返回你需要的东西呢. 那这什么个过程呢(这个问题我在之后的博客中在写)? 网上各种的说法,不外乎这么几种 第一种简单的说呢就是这样的: 第一步:客户机提出域名解析请求,并将该请求发送给本地的域名服务器. 第二步:当本地的域名服务器收到请求后,就先查询本地的缓存,如果有该纪录项,则本地的域名服务器就直接把查询的结果返回. 第三步:如

页面返回并刷新的办法

页面返回并刷新: <a href="javascript:location.replace(document.referrer);">......</a> 返回上一页的办法: <a href="location.go(-1);"></a> <a href="location.back();"></a> 页面刷新的方法: <a href="location.go

输入url到页面返回的全过程

1.      我们输入一个域名:www.baidu.com,然后点击确认: 2.      浏览器查找域名的IP地址.查找过程如下: 首先是浏览器缓存,浏览器会缓存DNS记录一段时间: 如果在浏览器缓存里没有找到需要的记录,浏览器会做一个系统调用,获取系统缓存中的记录: 然后是路由器缓存,路由器一般会有自己的缓存: 如果前者都没有找到,就需要从本地域名服务器开始进行DNS查询了.详细的DNS查询过程我在DNS工作原理及过程中讲到过. 3.      现在浏览器找到了域名的IP地址,则需要向We

基于jQuery的ajax系列之用FormData实现页面无刷新上传

接着上一篇ajax系列之用jQuery的ajax方法向服务器发出get和post请求写,这篇主要写如何利用ajax和FormData实现页面无刷新的文件上传效果,主要用到了jQuery的ajax()方法和XMLHttpRequest Level 2的FormData接口.关于FormData,大家可以看MDN文档. 1,先看效果图 期望的功能和效果很简单:点击页面中的上传文件表单控件,选择文件后点击"ajax提交",将文件上传至服务器,上传成功后,页面给出一个简单的提示. 2,前端的代

js 返回前一页并刷新页面方法

[导读] 要返回上一页再刷新页面我们用到最多的是在像php,asp,jsp,asp.net中,下面我来给大家先介绍js 返回前一页并刷新页面,然后再把这些代码放在php中实现删除后返回当前页面并刷新页面.... JS 重载页面,本地刷新,返回上一页 代码如下 1 2 3 <a href="javascript:history.go(-1)">返回上一页</a> <a href="javascript:location.reload()"