Jsp页面跳转和js控制页面跳转的几种方法

Jsp 页面跳转的几种方法

1. RequestDispatcher.forward()

在服务器端起作用,当使用forward()时,Servlet engine传递HTTP请求从当前的Servlet或者是JSP到另外的一个Servlet、JSP 或普通HTML文件,也即你的form提交至a.jsp,在a.jsp用到了forward()重定向至b.jsp,此时form提交的所有信息在 b.jsp都可以获得,参数自动传递. 但forward()无法重定向至有frame的jsp文件,可以重定向至有frame的html文件,同时forward()无法在后面带参数传递,比 如servlet?name=frank,这样不行,可以程序内通过response.setAttribute("name",name)来传至下一个 页面。
　　重定向后浏览器地址栏URL不变。
　　例：在servlet中进行重定向
　　public void doPost(HttpServletRequest request,HttpServletResponse response)
　　                              throws ServletException,IOException{
　　response.setContentType("text/html; charset=gb2312");
　　ServletContext sc = getServletContext();
　　RequestDispatcher rd = null;
　　rd = sc.getRequestDispatcher("/index.jsp"); //定向的页面
　　rd.forward(request, response);
　　}

      或
      request.getRequestDispatcher("/index.jsp").forward(request, response);//转发到index.jsp      getServletConfig().getServletContext().getRequestDispatcher("/index.jsp").forward(request, response);

      //转发到index.jsp

　　通常在servlet中使用，不在jsp中使用。

 

2. response.sendRedirect()

　　在用户的浏览器端工作,sendRedirect()可以带参数传递,比如servlet?name=frank传至下个页面,同时它可以重定向至不同的主机上,sendRedirect()可以重定向有frame.的jsp文件.
　　重定向后在浏览器地址栏上会出现重定向页面的URL。
　　例：在servlet中重定向
　　public void doPost(HttpServletRequest request,HttpServletResponse response)
　　                              throws ServletException,IOException{
　　response.setContentType("text/html; charset=gb2312");
　　response.sendRedirect("/index.jsp");
　　}
　　由于response是jsp页面的隐含对象，故在jsp页面中可用response.sendRedirect()直接实现重定位。
　　注意：
　　(1) 使用response.sendRedirect时，前面不能有HTML输出；
　 　这并不是绝对的，不能有HTML输出其实是指不能有HTML被送到了浏览器。事实上现在的server都有cache机制，一般在8K（我是说 JSP　SERVER），这就意味着，除非你关闭了cache，或者你使用了out.flush()强制刷新，那么在使用sendRedirect之前， 有少量的HTML输出也是允许的。
　　(2) response.sendRedirect之后，应该紧跟一句return。
　　我们已经知道response.sendRedirect是通过浏览器来做转向的，所以只有在页面处理完成后，才会有实际的动作。既然你已经要做转向了，那么后的输出还有什么意义呢？而且有可能会因为后面的输出导致转向失败。
　　比较：
　　(1) Dispatcher.forward()是容器中控制权的转向，在客户端浏览器地址栏中不会显示出转向后的地址；
　　(2) response.sendRedirect()则是完全的跳转，浏览器将会得到跳转的地址，并重新发送请求链接。这样，从浏览器的地址栏中可以看到跳转后的链接地址。
　　前者更加高效，在前者可以满足需要时，尽量使用RequestDispatcher.forward()方法。
　　在有些情况下，比如，需要跳转到一个其它服务器上的资源，则必须使HttpServletResponse.sendRequest()方法。

二、本质区别

解释一

一句话，转发是服务器行为，重定向是客户端行为。为什么这样说呢，这就要看两个动作的工作流程：

转发过程：客户浏览器发送http请求——》web服务器接受此请求——》调用内部的一个方法在容器内部完成请求处理和转发动作——》将目标资源发送给客户；在这里，转发的路径必须是同一个web容器下的url，其不能转向到其他的web路径上去，中间传递的是自己的容器内的request。在客户浏览器路径栏显示的仍然是其第一次访问的路径，也就是说客户是感觉不到服务器做了转发的。转发行为是浏览器只做了一次访问请求。

重定向过程：客户浏览器发送http请求——》web服务器接受后发送302状态码响应及对应新的location给客户浏览器——》客户浏览器发现是302响应，则自动再发送一个新的http请求，请求url是新的location地址——》服务器根据此请求寻找资源并发送给客户。在这里location可以重定向到任意URL，既然是浏览器重新发出了请求，则就没有什么request传递的概念了。在客户浏览器路径栏显示的是其重定向的路径，客户可以观察到地址的变化的。重定向行为是浏览器做了至少两次的访问请求的。

 

3. ＜jsp:forward page="" /＞

　　它的底层部分是由RequestDispatcher来实现的，因此它带有RequestDispatcher.forward()方法的印记。
　　如果在之前有很多输出,前面的输出已使缓冲区满,将自动输出到客户端,那么该语句将不起作用,这一点应该特别注意。
　　注意：它不能改变浏览器地址，刷新的话会导致重复提交

 

4. 修改HTTP header的Location属性来重定向
　　通过设置直接修改地址栏来实现页面的重定向。
　　jsp文件代码如下：
　　＜%
　　response.setStatus(HttpServletResponse.SC_MOVED_PERMANENTLY);
　　String newLocn = "/newpath/jsa.jsp";
　　response.setHeader("Location",newLocn);
　　%＞

 

5. JSP中实现在某页面停留若干秒后,自动重定向到另一页面
　　在html文件中，下面的代码：
　　＜meta http-equiv="refresh" content="300; url=target.jsp"＞
　　它的含义：在5分钟之后正在浏览的页面将会自动变为target.html这一页。代码中300为刷新的延迟时间，以秒为单位。targer.html为你想转向的目标页,若为本页则为自动刷新本页。
　　由上可知，可以通过setHeader来实现某页面停留若干秒后,自动重定向到另一页面。代码：
　　String content=stayTime+";URL="+URL;
　　response.setHeader("REFRESH",content);

Js 页面跳转（父页面，外层页面，本页面）

"window.location.href"、"location.href"是本页面跳转 

"parent.location.href"是上一层页面跳转 

"top.location.href"是最外层的页面跳转 

举例说明： 

如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写 

"window.location.href"、"location.href"：D页面跳转 

"parent.location.href"：C页面跳转 

"top.location.href"：A页面跳转 

如果D页面中有form的话, 

<form>: form提交后D页面跳转 

<form target="_blank">: form提交后弹出新页面 

<form target="_parent">: form提交后C页面跳转 

<form target="_top"> : form提交后A页面跳转 

关于页面刷新，D 页面中这样写： 

"parent.location.reload();": C页面刷新 （当然，也可以使用子窗口的 opener 对象来获得父窗口的对象：window.opener.document.location.reload(); ） 

"top.location.reload();": A页面刷新

Js 控制页面跳转的几种方法

第一种：

Html代码  

1. <script language="javascript" type="text/javascript">  
2.        window.location.href="login.jsp?backurl="+window.location.href;   
3. </script>  

 第二种：

Java代码  

1.     <script language="javascript">  
2. alert("返回");  
3. window.history.back(-1);  
4.    </script>  

 第三种：

Java代码  

1.  <script language="javascript">  
2. ndow.navigate("top.jsp");  
3. </script>  

 第四种：

Java代码  

1. <script language="JavaScript">  
2.        self.location='top.htm';  
3. </script>  

 第五种：

Java代码  

1. <script language="javascript">  
2.        alert("非法访问！");  
3.        top.location='xx.jsp';  
4. </script>  

 第六种：

Java代码  

1. <script type="text/javascript">  
2. // 页面若在框架内，则跳出框架  
3. if (self != top) {  
4.     top.location = self.location;  
5. };   
6.   
7. </script>  

 

 第七种：

自定义时间跳转（方法一）：

Java代码  

1. <script language="javascript">  
2. var secs = 3; //倒计时的秒数   
3. var URL ;  
4. function Load(url){  
5. URL = url;  
6. for(var i=secs;i>=0;i--)   
7. {   
8.    window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000);   
9. }   
10. }  
11. function doUpdate(num)   
12. {   
13. document.getElementById('ShowDiv').innerHTML = '将在'+num+'秒后自动跳转到主页' ;  
14. if(num == 0) { window.location = URL; }  
15. }  
16. </script>  

 

然后在<body>里面加上<body οnlοad="Load('index.asp')">   index.asp为自己要跳转的页面。

在<body></body>之间加上<div id="ShowDiv"></div>

自定义时间跳转（方法二）：

Java代码  

1. <p style="text-indent: 2em; margin-top: 30px;">  
2. 系统将在 <span id="time">5</span> 秒钟后自动跳转至新网址，如果未能跳转，<a href="http://www.jb51.net" title="点击访问">请点击</a>。   
3. <script type="text/javascript">    
4.     delayURL();      
5.     function delayURL() {   
6.         var delay = document.getElementById("time").innerHTML;  
7.  var t = setTimeout("delayURL()", 1000);  
8.         if (delay > 0) {  
9.             delay--;  
10.             document.getElementById("time").innerHTML = delay;  
11.         } else {  
12.      clearTimeout(t);   
13.             window.location.href = "http://www.jb51.net";  
14.         }          
15.     }   
16. </script>