1. 程式人生 > >Jsp頁面跳轉和js控制頁面跳轉的幾種方法

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. </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 onload="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> 

相關推薦

Jsp頁面js控制頁面方法

Jsp 頁面跳轉的幾種方法 1. RequestDispatcher.forward() 在伺服器端起作用,當使用forward()時,Servlet engine傳遞HTTP請求從當前的Servlet或者是JSP到另外的一個Servlet、JSP 或普通HTML檔

JS彈出框、對話方塊、提示框,JS關閉視窗、關閉頁面JS控制頁面

1. RequestDispatcher.forward() 在伺服器端起作用,當使用forward()時,Servlet engine傳遞HTTP請求從當前的Servlet或者是JSP到另外的一個Servlet、JSP 或普通HTML檔案,也即你的form提交至a.jsp,在a.jsp用到了forw

HTML頁面嵌入視訊JS控制切換視訊

首先,在頁面中嵌入視訊的HTML程式碼為: <div id="youku" class="youku"> <object id="obx" name="obx" width="290" height="260"> <param

利用JS提交表單的方法驗證(必看篇)

www contain 功能 ner ble 四種 利用 comm pac 第一種方式:表單提交,在form標簽中增加onsubmit事件來判斷表單提交是否成功 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

)java向MySQL插入當前時間的四方式java時間日期格式化的方法(案例說明)

轉載地址  https://www.cnblogs.com/zhaotiancheng/p/6413067.html 資料庫操作經常會用到時間,例如start_time,end_time,(在資料庫中是datetime型別,) 對應關係 mys

iframe跨域、ajax跨域JS跨域通訊的解決方案

 需要ajax跨域取得資料,如果是在本域中確實沒有問題,但是放到二級域和其他域下瀏覽器直接就彈出提示框:“該頁正在訪問其控制範圍之外的資料,這有些危險,是否繼續"  1.什麼引起了ajax跨域不能的問題  ajax本身實際上是通過XMLHttpRequest物件來進行資

()Unity3D中移動物體位置的方法

多種方式 移動 2.4 包括 簡介 調用 在外 blank targe 1. 簡介 在unity3d中,有多種方式可以改變物體的坐標,實現移動的目的,其本質是每幀修改物體的position。 2. 通過Transform組件移動物體 Transform 組件

有關js彈出提示框方法

pen onclick 地址 工具 fun ati 新窗口 other cti 1直接提示只有確定功能的提示框 只顯示提示信息 alert(“提示信息”); alert ();的參數只有一個就是提示信息,無返回值 2 彈出輸入框讓你輸入

three.js 性能優化的方法

nta back code star 添加 瀏覽器 mit cto position 本篇介紹three.js性能優化的若幹方法。(個人拙見) three.js性能優化 盡量重用Material和Geometry 這裏以Material和Geometry為例(使用比較頻繁)

[]C/C++定義全域性變數/常量方法的區別

在討論全域性變數之前我們先要明白幾個基本的概念: 原文章地址:https://www.cnblogs.com/wanghetao/p/4492582.html 1. 編譯單元(模組):     在IDE開發工具大行其道的今天,

js實現延遲載入的方法

js的延遲載入有助與提高頁面的載入速度,以下是延遲載入的幾種方法: 使用setTimeout延遲方法的載入時間 延遲載入js程式碼,給網頁載入留出更多時間 <script type="text/javascript" > function A(){

DosLinux檢視命令幫助的方法

1) help [命令]  或者  [命令] /?   適用於內建命令  (DOS比如cd 或telnet) 2) [命令] --help  適用於一般命令 非內建命令 (DOS比如  tel

原生JS陣列去重的方法

有時候我們做專案的時候往往會需要把數組裡面一些重複的項去掉,但是原生JS有排序,有篩選等等,但是就是沒有陣列去重怎麼辦呢? 這能怎麼辦,自己手動實現嘛。(以下程式碼直接在原型上新增的的方法,為的就是和原生JS方法類似)可以達到Array.xxx()這樣的效果 第一種方法:建

Android實現截圖截長圖功能的方法

一般情況下各種型號的手機都會有自帶的截圖功能,也會有諸如“開關機鍵+音量鍵”的截圖快捷鍵,只要手機是亮屏狀態,都會將手機螢幕的可視區域(包含狀態列)全部擷取下來。如果開發中想要調取系統的截圖功能,理論上講是可以的,需要在APK中呼叫“adb shell screencap -

JettyTomcat執行Maven Web專案方法

目錄    1.採用Jetty執行Maven Web專案    2.採用Tomcat執行Maven Web專案  1、採用Jetty和Tomcat執行Maven Web專案   1)採用J

[WinAPI] 獲取視窗控制代碼的方法

1、使用FindWindow函式獲取視窗控制代碼 示例:使用FindWindow函式獲取視窗控制代碼,然後獲得視窗大小,並且移動視窗到指定位置。 我們想獲得酷我音樂盒的視窗控制代碼並移動它,該怎麼辦呢? 首先開啟VC或者VS裡面tool中的SPY++點選查詢視

[js]陣列去重的方法

問題:隨機10個不相同的數(數值範圍11~25之間的)並且存放到陣列中 程式碼: // 函式:隨機生成一個從min到max的數 function randFn(min, max){

前端使用js發起http請求的方法

通用的一些流程 要判斷http返回碼 要判斷body裡面業務返回碼 是否能夠跨域 是否能夠攜帶Cookie 一種比較可行的方案是在utils裡面把請求處理到json層次,然後業務層次只要判讀json裡

c++ 16進位制化為10進位制的方法

 第一種方法:      int hex_char_value(char c) { if(c >= '0' && c <= '9') return c - '0'; else if(c >

VC獲取控制元件文字的方法

一:GetDlgItem()->GetWindowText(); 二:GetDlgItemText(); 三:GetDlgItemInt();這個函式取到控制元件文字並將之轉換成int返回給呼叫者.這對如使用EDIT控制元件獲取整數非常方便,並且它可以有效處理有符號數