html網頁重定向的辦法

接上代碼

<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,maximum-scale=1,user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="refresh" content="0;url=static/ck600mgr/pages/index.html">
    <title></title>
</head>
<body>
</body>
</html>

301，302，303，307

301是永久重定向，常用的場景是使用域名跳轉。

比如，我們訪問 http://www.zhihu.com 會跳轉到 https://www.zhihu.com，發送請求之后，就會返回301狀態碼，然后返回一個location，提示新的地址，瀏覽器就會拿著這個新的地址去訪問。

301.png

302是臨時重定向，用來做臨時跳轉。接著上面的例子，重定向到 https://www.zhihu.com 的請求又會通過302重定向到 https://www.zhihu.com/signup?next=%2F

302.png

不過，看上去301和302都是代表重定向的意思。那具體有啥區別呢？

http 1.0規范中有2個重定向——301和302，在http 1.1規范中存在4個重定向——301、302、303和307。

其中301在http 1.0以及http 1.1中都表示永久重定向，就不討論了。

那302呢？

在http1.0中，302的規范是這樣的：

原請求是post，則不能自動進行重定向；原請求是get，可以自動重定向。

但是瀏覽器和服務器的實現并沒有嚴格遵守HTTP中302的規范，服務器不加遵守的返回302，瀏覽器即便原請求是post也會自動重定向，導致規范和實現出現了二義性。

所以HTTP 1.1中將302的規范細化成了303和307

303和307

繼承了HTTP 1.0中302的實現（即原請求是post，也允許自動進行重定向，結果是無論原請求是get還是post，都可以自動進行重定向）。

307則繼承了HTTP 1.0中302的規范（即如果原請求是post，則不允許進行自動重定向，結果是post不重定向，get可以自動重定向）。

文檔移動到新的位置，我們需要向客戶端發送這個新位置時，我們需要用到網頁重定向。當然，也可能是為了負載均衡，或者只是為了簡單的隨機，這些情況都有可能用到網頁重定向。

重定向請求到另一個網頁的最簡單的方式是使用 response 對象的 sendRedirect() 方法。下面是該方法的定義：

public void HttpServletResponse.sendRedirect(String location)throws IOException

該方法把響應連同狀態碼和新的網頁位置發送回瀏覽器。您也可以通過把 setStatus() 和 setHeader() 方法一起使用來達到同樣的效果：

....String site = "http://www.run.com" ;response.setStatus(response.SC_MOVED_TEMPORARILY);response.setHeader("Location", site); ....

實例

本實例顯示了 Servlet 如何進行頁面重定向到另一個位置：

package com.runoob.test;import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;/**
* Servlet implementation class PageRedirect
*/@WebServlet("/PageRedirect")public class PageRedirect extends HttpServlet{
 public void doGet(HttpServletRequest request,
 HttpServletResponse response)
 throws ServletException, IOException
 {
 // 設置響應內容類型
 response.setContentType("text/html;charset=UTF-8");
 // 要重定向的新位置
 String site = new String("http://www.runoob.com");
 response.setStatus(response.SC_MOVED_TEMPORARILY);
 response.setHeader("Location", site); 
 }}

現在讓我們來編譯上面的 Servlet，并在 web.xml 文件中創建以下條目：

....
<servlet>
 <servlet-name>PageRedirect</servlet-name>
 <servlet-class>PageRedirect</servlet-class>
</servlet>
<servlet-mapping>
 <servlet-name>PageRedirect</servlet-name>
 <url-pattern>/TomcatTest/PageRedirect</url-pattern>
</servlet-mapping>....

現在通過訪問 URL http://localhost:8080/PageRedirect 來調用這個 Servlet。這將把您轉到給定的 URL http://www.run.com。

求轉發(forward):發送一次請求，將表單數據或封裝到url中的數據一并轉發到新頁面。

方法：request.getRequestDispatcher(URL地址).forward(request, response)

重定向(redirect)：發送兩次請求，一次請求會收到302狀態碼，第二次請求收到新地址。

方法：response.sendRedirect(URL地址)

轉發與重定向過程圖

轉發過程：客戶瀏覽器發送http請求----》web服務器接收此請求，---》調用內部的一個方法在容器內部完成請求處理和轉發動作----》將目的資源展示給客戶。轉發的路徑依然在當前的web容器中，中間的數據傳輸靠 request共享。轉發行為瀏覽器只做了一次訪問請求。

重定向過程：客戶瀏覽器發送http請求----》web服務器接收后發送302狀態碼響應及對應新的location給客戶端瀏覽器----》客戶端瀏覽器發現是302的狀態碼之后，自動再發送一個新的http請求，請求url是新的location地址----》服務器根據此請求尋找資源并發送給客戶。在這里location可以重定向到任意的URL，既然是瀏覽器重新發送了請求，則沒有什么request傳遞的概念了。地址欄的地址是需要改變的，重定向行為瀏覽器至少做了兩次訪問請求。

兩者的區別：

1)從地址欄顯示看：

forward是服務器請求資源，服務器直接訪問目標中的URI獲取響應，將響應中的內容發送給瀏覽器，瀏覽器不知道內容來自于哪里，所以地址欄不變。

redirect服務器根據邏輯，發送一個狀態碼302，告訴瀏覽器去請求地址(url)，url可以是其他應用。所以地址欄是要改變的。

2)從數據共享來說：

forward轉發頁面和轉發到的頁面可以共享request中的內容。

redirect不能共享。

3)從運用應用方面：

forward 用于登錄注冊頁面

redirect 用于注銷登錄返回主頁面或跳轉其他網站，不再使用response輸出數據，否則會異常。

4)從效率看

forward 效率高

redirect 效率低

原理：轉發是服務器行為，重定向是客戶端行為。

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
	//response.setCharacterEncoding("utf-8");
	response.setContentType("text/hrml;charset=utf-8");
	String username= request.getParameter("username");
	String passwd= request.getParameter("passwd");
	if("admin".equals(username)&& "123".equals(passwd)) {
		/*
		 * System.out.println("登陸成功:"); //response.getWriter().write("登錄成功");
		 * response.setStatus(302); response.setHeader("Location","login_success.html");
		 */
		//重定向
		//response.sendRedirect("login_success.html");
		//請求轉發
		request.getRequestDispatcher("login_success.html").forward(request, response);
	}else {
		response.getWriter().write("登錄失敗");
	}
}

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
	// TODO Auto-generated method stub
	doGet(request, response);
}

路徑問題(轉發和重定向的URLString前有加 / 為絕對路徑反之為相對路徑)

絕對路徑

1、重定向的 / 表示：http://服務器ip:端口/

//生成的地址：web服務器本身地址+參數生成完整的URL 
   //即：http://localhost:8080/Manager/index.html
response.sendRedirect("/Manager/index.html")

2、請求轉發的 / 表示：http://服務器ip:端口/項目名

//生成的地址：http://localhost:8080/項目名/index.html
request.getRequestDispatcher("/index.html").forward(request, response);

重定向是瀏覽器發來的，只知道發到某個服務器，但是不知道發到服務器的哪個project，所以需要自己用代碼聲明；
請求轉發是服務器某個project內部的轉發，轉來轉去都是在某個project內部，所以不需要手動聲明項目名.

相對路徑

假設通過表單請求指定的Url資源 action=“LoginServlet”

則表單生成的請求地址為：http://localhost:8080/項目名/LoginServlet

重定向：response.sendRedirect(“Manager/index.html”)
// 生成相對路徑：http://localhost:8080/項目名/Manager/index.html
請求轉發：相對路徑情況下生成的完整URL與重定向方法相同。

【注】重定向其實是兩次request。第一次，客戶端request A,服務器響應，并response回來，告訴瀏覽器，你應該去B，此時，瀏覽器再次發送request，請求 B的資源。重定向可以訪問當前web之外的資源，在重定向的過程中，傳輸的信息會丟失。

在線咨詢

上一篇：Python3讀取文件指定行的三種方案
下一篇：圖片隨機切換特效，切換時改變圖片色彩和背景色html頁面源碼

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

html網頁重定向的辦法

301，302，303，307

303和307

您的項目需求