二、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中使用。

  1. 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()方法

。

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

它的底層部分是由RequestDispatcher來實現的，因此它帶有RequestDispatcher.forward()方法的印記。

如果在之前有很多輸出,前面的輸出已使緩沖區滿,將自動輸出到客戶端,那么該語句將不起作用,這一點應該特別注意。

注意：

它不能改變瀏覽器地址，刷新的話會導致重復提交

  1. 修改HTTP header的Location屬性來重定向

通過設置直接修改地址欄來實現頁面的重定向。

jsp文件代碼如下：

＜%

response.setStatus(HttpServletResponse.SC_MOVED_PERMANENTLY);

String newLocn = "/newpath/jsa.jsp";

response.setHeader("Location",newLocn);

%＞

  1. 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提交后D頁面跳轉

: form提交后彈出新頁面

: form提交后C頁面跳轉

: form提交后A頁面跳轉

關于頁面刷新，D 頁面中這樣寫：

"parent.location.reload();": C頁面刷新 （當然，也可以使用子窗口的 opener 對象來獲得父窗口的對象：window.opener.document.location.reload(); ）

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

Js 控制頁面跳轉的幾種方法

第一種：

<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>
第二種：

<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
第三種：

<script language="javascript">
window.navigate("top.jsp");
</script>
第四種：

<script language="JavaScript">
self.location='top.htm';
</script>
第五種：

<script language="javascript">
alert("非法訪問！");
top.location='xx.jsp';
</script>
第六種：

<script type="text/javascript">
// 頁面若在框架內，則跳出框架
if (self != top) {
top.location = self.location;
};

</script>
第七種：

自定義時間跳轉（方法一）：

<script language="javascript">
var secs = 3; //倒計時的秒數
var URL ;
function Load(url){
URL = url;
for(var i=secs;i>=0;i--)
{
window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000);
}
}
function doUpdate(num)
{
document.getElementById('ShowDiv').innerHTML = '將在'+num+'秒后自動跳轉到主頁' ;
if(num == 0) { window.location = URL; }
}
</script>
然后在里面加上 index.asp為自己要跳轉的頁面。

在之間加上

自定義時間跳轉（方法二）：

<p style="text-indent: 2em; margin-top: 30px;">
系統將在 <span id="time">5</span> 秒鐘后自動跳轉至新網址，如果未能跳轉，<a title="點擊訪問">請點擊</a>。
<script type="text/javascript">
delayURL();
function delayURL() {
var delay = document.getElementById("time").innerHTML;
var t = setTimeout("delayURL()", 1000);
if (delay > 0) {
delay--;
document.getElementById("time").innerHTML = delay;
} else {
clearTimeout(t);
window.location.href = "http://www.jb51.net";
}
}
</script>

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容