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 相关文章推荐
兼容ie和firefox js关闭代码
Dec 11 Javascript
Jquery 动态添加按钮实现代码
May 06 Javascript
基于jquery实现日历签到功能
Sep 11 Javascript
JavaScript常用基础知识强化学习
Dec 09 Javascript
HTML中setCapture、releaseCapture 使用方法浅析
Sep 25 Javascript
jQuery点击导航栏选中更换样式的实现代码
Jan 23 Javascript
原生js实现可拖拽效果
Feb 28 Javascript
详解Vue基于 Nuxt.js 实现服务端渲染(SSR)
Apr 05 Javascript
jQuery仿移动端支付宝键盘的实现代码
Aug 15 jQuery
实例讲解vue源码架构
Jan 24 Javascript
vue过滤器用法实例分析
Mar 15 Javascript
低门槛开发iOS、Android、小程序应用的前端框架详解
Oct 16 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支持断点续传的源码
2010/05/16 PHP
PHP和Mysqlweb应用开发核心技术 第1部分 Php基础-1 开始了解php
2011/07/03 PHP
CodeIgniter配置之config.php用法实例分析
2016/01/19 PHP
PHP针对多用户实现更换头像功能
2016/09/04 PHP
javascript new 需不需要继续使用
2009/07/02 Javascript
调用js时ie6和ie7,ff的区别
2009/08/19 Javascript
struts2+jquery+json实现异步加载数据(自写)
2013/06/24 Javascript
jQuery中的编程范式详解
2014/12/15 Javascript
jquery插件pagination实现无刷新ajax分页
2015/09/30 Javascript
JS数组合并push与concat区别分析
2015/12/17 Javascript
Nodejs Stream 数据流使用手册
2016/04/17 NodeJs
全面解析bootstrap格子布局
2016/05/22 Javascript
PhotoSwipe异步动态加载图片方法
2016/08/25 Javascript
基于angular中的重要指令详解($eval,$parse和$compile)
2016/10/21 Javascript
jQuery is not defined 错误原因与解决方法小结
2017/03/19 Javascript
Angularjs自定义指令Directive详解
2017/05/27 Javascript
Angular 通过注入 $location 获取与修改当前页面URL的实例
2017/05/31 Javascript
使用JS中的Replace()方法遇到的问题小结
2017/10/20 Javascript
利用vue和element-ui设置表格内容分页的实例
2018/03/02 Javascript
详解vue-cli脚手架中webpack配置方法
2018/08/22 Javascript
解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题
2018/08/24 Javascript
浅谈VUE单页应用首屏加载速度优化方案
2018/08/28 Javascript
haskell实现多线程服务器实例代码
2013/11/26 Python
python爬取51job中hr的邮箱
2016/05/14 Python
django项目中使用手机号登录的实例代码
2019/08/15 Python
在Pytorch中计算自己模型的FLOPs方式
2019/12/30 Python
HTML5 canvas基本绘图之绘制五角星
2016/06/27 HTML / CSS
Subside Sports德国:足球球衣和球迷商品
2019/06/08 全球购物
会计助理岗位职责
2014/02/17 职场文书
离职报告范文
2014/11/04 职场文书
云台山导游词
2015/02/03 职场文书
大学生个人简历自荐信
2015/03/06 职场文书
2015年学校总务处工作总结
2015/05/19 职场文书
建议书的格式及范文
2015/09/14 职场文书
在 SQL 语句中处理 NULL 值的方法
2021/06/07 SQL Server
使用jpa之动态插入与修改(重写save)
2021/11/23 Java/Android