• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

【转】JavaScript:history.go()的妙用(转)处理post回发后返回

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

在Web开发中,会遇到从一页(父页)导向另一页(子页),并且要求“返回”父页的情况,在这里如果用ASP.NET提供的 Response.Redirect()方法,往往不会达到理想的效果,例如:返回后,重新加载了页面,无法保存导向子页前的状态,等等,在这里我就介绍 一下如何使用JavaScript中history.go()函数来实现返回功能并且保存住状态的方法。
     这个函数用起来很简单,只要在页面上加一个html的input元素,例如:
     <input type="button" value="返回">
     然后再为这个元素添加onclick属性,如:
     <input type="button" value="返回" onclick="history.go(-1);">
     这样就能达到返回上一页的效果。但是,往往在实践中,并没有这么简单,当你在向服务器提交请求的时候,引起页面回发,你再用history.go(-1) 这招就不灵啦,它在这里是返回你回发前的状态,go后面的参数,实际上就是标识你要返回你回发第前n次的状态,所以只要能记住回发了几次,就能用 history.go(-n)准确地返回到父页了。
     在Web开发中,全局变量也是存不住的,当页面回发后,全局变量的值就会丢失,取而代之的是视图状态,所以我们就只能用视图状态来记录回发的次数了。那么就封装一个视图状态属性把。
     public int returnCount
     {
         get{
               if(ViewState["returnCount"] == null)
                   ViewState["returnCount"] = 0;
               return   (int)ViewState["returnCount"];
         }
         set { ViewState["returnCount"] = value ;}
     }
     定义好这个后,把他放到Page_Load里面,让他每次在页面回发时减1,这样就能准确的记住回发了几次。
     protected void Page_Load(object sender, EventArgs e)
     {
         returnCount--; //要放在!iIsPostBack之外,要不然就仅仅在页面第一次加载时执行一次,回发时就不执行了。
         if(!IsPostBack)
         {

         }
     }
     吼吼,到这一步还没完呢,要把我们封装的属性加到Js里面。如下:
     <input type="button" value="返回" onclick="history.go('<% =returnCount %>');">
     这下就完美了,管你在页面上怎么回发,只要一点这个按钮,肯定会返回到父业的。
     注意:
     1、如果在本页面上有Response.Redirect()到本页或者类似的情况,那么就要将returnCount作为查询字符串传递一下了,因为这东西在页面失效时就over了。
     2、本文仅对非Ajax的Web系统有作用,Ajax的还没仔细研究过.


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
gojson编解码中的双引号问题发布时间:2022-07-10
下一篇:
Go环境搭建问题:Thesystemcannotfindthefilespecifie发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap