Javascript实现返回上一页面并刷新的小例子


Posted in Javascript onDecember 11, 2013

今天写了一个小小的提示成功的页面,同时要求返回上一页面,并实现对上一页面的操作进行刷新(例如删除的,添加的),在网上搜寻了一遍,基本上90%的都是说的是用window.history.go(-1), 或者是用 window.history.back(-1), 还有的说子页面刷新父页面用

<script language=JavaScript>
    self.opener.location.reload();
</script>

经过在JSP页面的测试,在操作页面选中添加的项经过点击按钮保存再跳转到成功提示页面返回后发现都没有刷新,手动刷新后才显示出来,对于那些粘贴复制技术不经过测试的文章实在是伤心透顶。

其实对于这个技术,我并没有找到完全依赖JS能实现,有个思路就是使上一页不被缓存,每次读取出来就行了(别人的思路,具体我也没有搞懂原理)

JSP的实现方法如下:

 Reply-text mb10代码

<SPAN style="FONT-SIZE: 18px; BACKGROUND-COLOR: #ffffff">
<SPAN style="FONT-FAMILY: 'Microsoft YaHei'; COLOR: #3333ff">
<STRONG>
<%String rec = request.getHeader("REFERER");%>   
    <input type="button" onclick="javascript:window.location='<%=ref%>'">   
</STRONG>
</SPAN>
</SPAN>  
<%String rec = request.getHeader("REFERER");%>
    <input type="button" onclick="javascript:window.location='<%=ref%>'">

ASP页面的实现方法如下:

<%'获取上一页的地址
 address = request.ServerVariables("HTTP_REFERER")
%>
<!--window.location有返回相对页面并且刷新的作用-->
<a href="javascript:window.location.href='<%=address%>'" style="cursor:hand">返回</a>

Reply-text mb10代码

<SPAN style="FONT-SIZE: 18px; BACKGROUND-COLOR: #ffffff"><SPAN style="FONT-FAMILY: 'Microsoft YaHei'; COLOR: #3333ff"><STRONG>.在servlet中   
    request.getRequestDispatcher(request.getHeader("referer")).forward(request,response);   
    或者   
    request.getRequestURL();   </STRONG></SPAN></SPAN>
Javascript 相关文章推荐
javascript 跳转代码集合
Dec 03 Javascript
js本身的局限性 别让javascript做太多事
Mar 23 Javascript
javascript中运用闭包和自执行函数解决大量的全局变量问题
Dec 30 Javascript
javascript 数组排序函数sort和reverse使用介绍
Nov 21 Javascript
JS实现的一个简单的Autocomplete自动完成例子
Apr 16 Javascript
AngularJS+Node.js实现在线聊天室
Aug 28 Javascript
jQuery实现圣诞节礼物传送(花式轮播)
Dec 25 Javascript
基于vue实现swipe分页组件实例
May 25 Javascript
vue生成随机验证码的示例代码
Sep 29 Javascript
vue实现带复选框的树形菜单
May 27 Javascript
vue仿ios列表左划删除
Sep 26 Javascript
vue 中的动态传参和query传参操作
Nov 09 Javascript
div浮层,滚动条移动,位置保持不变的4种方法汇总
Dec 11 #Javascript
判断javascript的数据类型(示例代码)
Dec 11 #Javascript
利用javaScript实现点击输入框弹出窗体选择信息
Dec 11 #Javascript
使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
Dec 11 #Javascript
jquery Tab效果和动态加载的简单实例
Dec 11 #Javascript
js为空或不是对象问题的快速解决方法
Dec 11 #Javascript
javascript获取xml节点的最大值(实现代码)
Dec 11 #Javascript
You might like
PHP实现的多彩标签效果代码分享
2014/08/21 PHP
php 在线导入mysql大数据程序
2015/06/11 PHP
PHP多进程之pcntl_fork的实例详解
2017/10/15 PHP
PHP实现二维数组按照指定的字段进行排序算法示例
2019/04/23 PHP
那些年,我还在学习jquery 学习笔记
2012/03/05 Javascript
JavaScript 盒模型 尺寸深入理解
2012/12/31 Javascript
js 有框架页面跳转(target)三种情况下的应用
2013/04/09 Javascript
jquery获取radio值实例
2014/10/16 Javascript
js数组去重的方法汇总
2015/07/29 Javascript
值得分享和收藏的Bootstrap学习教程
2016/05/12 Javascript
基于Layer+jQuery的自定义弹框
2020/05/26 Javascript
Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍
2016/12/31 Javascript
RequireJS 依赖关系的实例(推荐)
2017/01/21 Javascript
微信通过页面(H5)直接打开本地app的解决方法
2017/09/09 Javascript
JS和jQuery通过this获取html标签中的属性值(实例代码)
2017/09/11 jQuery
vue-router的HTML5 History 模式设置
2018/09/08 Javascript
Vue 中的受控与非受控组件的实现
2018/12/17 Javascript
Vue 指令实现按钮级别权限管理功能
2019/04/23 Javascript
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
2019/05/10 Javascript
vue 解决form表单提交但不跳转页面的问题
2019/10/30 Javascript
python实现带验证码网站的自动登陆实现代码
2015/01/12 Python
Python实现批量检测HTTP服务的状态
2016/10/27 Python
python运行时强制刷新缓冲区的方法
2019/01/14 Python
Python3实现的简单三级菜单功能示例
2019/03/12 Python
基于python的itchat库实现微信聊天机器人(推荐)
2019/10/29 Python
Django路由层URLconf作用及原理解析
2020/09/24 Python
Python实现京东抢秒杀功能
2021/01/25 Python
Urban Outfitters英国官网:美国平价服饰品牌
2016/11/25 全球购物
JENNIFER BEHR官网:各种耳环和发饰
2020/06/07 全球购物
投资合作协议书范本
2014/04/17 职场文书
人事行政经理岗位职责
2014/06/18 职场文书
校园主题婚礼活动策划方案
2014/09/15 职场文书
个人股份转让协议书范本
2015/01/28 职场文书
责任书格式
2015/01/29 职场文书
学术会议领导致辞
2015/07/29 职场文书
MySQL Innodb关键特性之插入缓冲(insert buffer)
2021/04/08 MySQL