AngularJs返回前一页面时刷新一次前面页面
要求:
页面A进入到页面B,在页面B处理完后返回页面A,页面A里的数据应该动态的减去一条,但由于一般情况下页面是缓存起来的,返回A后读取的是缓存静态页面,里面显示的数据不会减少。应客户要求,需要重新加载一次数据,达到页面A可以刷新数据目的。
研究过程:
从网上寻找发现,有一个方法可以获取到当前页面的URL:$location
以 ‘http://localhost/$location/21.1%20$location.html#/foo?name=bunny#myhash’ 这个路径为例:
1. 获取当前完整的url路径:
$location.absUrl():
// http://localhost/$location/21.1%20$location.html#/foo?name=bunny#myhash
2. 获取当前url路径(当前url#后面的内容,包括参数和哈希值):
$location.url();
// /foo?name=bunny#myhash
3. 获取当前url的子路径(也就是当前url#后面的内容,不包括参数):
$location.path()
// /foo
4. 获取当前url的协议(比如http,https)
$location.protocol()
// http
5. 获取当前url的主机名
$location.host()
// localhost
6. 获取当前url的端口
$location.port()
// 80 (这里就是wamp的默认端口号)
获取到当前页的URL后,把它赋给全局变量,当URL变化时,刷新前一页面即可
parent.location.reload(); //该方法可用于刷新前面所以页面
之后继续在网上找有没有更好的办法,发现了一个可以直接使用的方法:
这两个事件分别发生在当url开始发生改变,以及url改变完成.他们都被绑定在$rootScope里面:
$rootScope.$on('$locationChangeStart',function(){console.log('开始改变$location')
});
$rootScope.$on('$locationChangeSuccess',function(){console.log('结束改变$location')
});
之后写进代码里做了验证,验证结果可用。写法为:
$rootScope.$on('$locationChangeSuccess',function(){//返回前页时,刷新前页parent.location.reload();
});
本人技术差,暂时没有更优化的办法,只能用这种办法进行全局刷新。如果进来看的大神们有好办法,麻烦留言告诉我哦!谢谢!
AngularJs返回前一页面时刷新一次前面页面相关推荐
- Vue返回上一个页面时如何触发上一个页面的方法
Vue返回上一个页面时如何触发上一个页面的方法 返回时是利用浏览器的缓存,我们可以利用route不一样来监听. 代码: watch: {$route(now, old) {// 判断逻辑if (now ...
- 微信小程序返回上一级页面时刷新页面
问题描述: 微信小程序返回上一级页面时需要重新加载一下数据 问题解决: 方法一: 在需要返回的页面的onShow(){}方法中调用要刷新数据的方法 方法二: goBack(){let pages = ...
- php执行成功后返回前一页并刷新页面
这个问题是群里有人问的. 他有一个退出的页面logout.php,希望用户在点击退出按钮后退出登录状态,并返回之前的页面. 他写的代码如下: <?php echo "<scrip ...
- JavaScript中,返回上一个页面时,如何保证上一个页面的不刷新?
history.back()和history.go(-1)都可以实现返回上一页并不刷新.History 对象包含用户(在浏览器窗口中)访问过的 URL. history.back() 等同于在浏览器点 ...
- html离开页面时,js实现用户离开页面前提示是否离开此页面的方法(包括浏
本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件).分享给大家供大家参考.具体如下: 用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) 如果在退出页面时需要弹出 ...
- 87.el-table翻页后保存前一页所选并再次返回前一页时把数据勾选上
1.首先给<el-table>添加ref.row-key.选择单条事件.全选事件 <el-table ...... ref="newTable" row-key= ...
- html页面自动刷新一次,html页面实现自动刷新的几种方法
JS 脚本 方法1 setInterval 函数 定时局部刷新用到jQuery里面的setInterval方法, 该函数每隔一段时间请求一次数据,然后将请求结果返回给前端HTML实现刷新. setIn ...
- WebBrowser1.Navigate重复载入同一页面时载入的是旧页面
查了好几天资料.对同一页面的刷新并不是直接从服务器直接获取信息,而是读取本地缓存中的信息. 解决办法 在原页面地址后面加上如 原页面www.xxx.com/index.asp www.xxx.com/ ...
- 在访问ASP网站页面时调用另一个网站页面内容
如果在一个网站的页面中想调用其他网站页面内容,直接用一下代码就ok,http://www.wanyusoft.com/index.asp 这个路径就是所要调用的页面路径. <% response ...
最新文章
- 第1关:学习-用循环和数组实现输入某年某月某日,判断这一天一年的第几天
- Java常用类之【Math类、Random类、System类、Runtime类】
- PHP封装的curl请求:有报错信息的 get post
- Readhat中升级openssh
- 10个每个开发人员都喜欢的JavaScript模式
- python中plt定义,对Python中plt的画图函数详解
- eclipse java machine_打开Eclipse弹出“No java virtual machine was found...的解决方法
- ESPNet: Efficient Spatial Pyramid of Dilated Convolutions for Semantic Segmentation(自动驾驶领域轻量级模型)
- 微星主板黑苹果_AMD黑苹果主机金牌装机单
- android 软件搬家 换机,手机搬家一键换机
- mysql数据库更新数据库语句_详解MySQL数据库之更新语句
- RabbitMQ入门 -- 阿里云服务器安装RabbitMQ
- JAVA 05 输入年份判断生肖
- win10更改hosts文件
- 清华计算机系出了哪些牛人,清华大学16位学霸PK 简历吓坏网友
- android模拟器玩手游,电脑上玩手游PC安卓模拟器哪个好用?哪个手机模拟器最好...
- 借助MPU6050上手卡尔曼滤波
- 20款国内外免费使用 主流杀毒软件
- 一文读懂电源缓启动原理
- .chm文件打不开或者不显示具体内容
热门文章
- 装机必备(二补充)--Win10系统盘,装Win10系统(无法引导启动问题-找不到任务设备驱动程序。请确保安装介质包含正确的驱动程序)
- 情迁机器人Tim_情迁QQ机器人1.8.0更新后的使用技巧(卡片消息福利)
- 三方 app微信支付 java后端实现
- 奥运、NBA、UCF等,30+个体育比赛数据集
- 物联网网关概述及其作用
- 毕业论文写作与降重神器ChatGPT从零开始使用(超详细)
- 有效电子邮件地址大全_有效使用电子邮件的最佳技巧
- 医院实时监护系统(数据流图)
- python实现图书管理系统BookManager类
- 【拆机】触摸感应LED台灯