網(wǎng)頁的轉(zhuǎn)發(fā)與重定向

2018-6-6    seo達(dá)人

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

在web開發(fā)中,轉(zhuǎn)發(fā)與重定向有很大的區(qū)別。

直觀看來,轉(zhuǎn)發(fā)不會(huì)發(fā)生URL址的變換,而重定向則會(huì)發(fā)生URL的改變。

這僅僅只是一種表象。HttpServlet中的request對(duì)象和response對(duì)象是在用戶請(qǐng)求網(wǎng)頁時(shí)由服務(wù)器根據(jù)瀏覽器傳過來的參數(shù)封裝生成的。一旦從瀏覽器請(qǐng)求過來,服務(wù)器響應(yīng)回去那么request和response的也就到了生命的終點(diǎn)了。

當(dāng)使用轉(zhuǎn)發(fā)的時(shí)候,瀏覽器僅僅請(qǐng)求一次但是服務(wù)器端可能經(jīng)歷了多次的跳轉(zhuǎn)。服務(wù)器端執(zhí)行時(shí)發(fā)生了轉(zhuǎn)發(fā)那么服務(wù)器就停止正在執(zhí)行的任務(wù),去指定轉(zhuǎn)發(fā)給定地址的任務(wù)。

而使用重定向的話,瀏覽器則會(huì)項(xiàng)服務(wù)器發(fā)生多次請(qǐng)求。在服務(wù)器端執(zhí)行代碼的時(shí)候,發(fā)現(xiàn)發(fā)生了重定向,那么它就會(huì)通知瀏覽器,去訪問另一個(gè)URL。瀏覽器就會(huì)向被發(fā)送的URL請(qǐng)求資源。

看一段代碼:

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>login</title> </head> <body> <form action="myServlet" method="post"> name :<input type="text" name="username"/><br/> <input type="submit" value="submit"/> </form> </body> </html>
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

這是一段jsp代碼,當(dāng)點(diǎn)擊提交的時(shí)候,會(huì)把表單提交給myServlet。

界面長這樣: 
這里寫圖片描述

public class MyServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String username = (String)request.getParameter("username");
        request.setAttribute("welcome", "welcome!!!");
        RequestDispatcher rd = request.getRequestDispatcher("welcome.jsp");
        rd.forward(request,response);
    }
}
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

這是MySerlet,當(dāng)用戶點(diǎn)擊提交表單,服務(wù)器就會(huì)調(diào)用MyServlet的doPost方法,在這個(gè)方法里面進(jìn)行的是頁面轉(zhuǎn)發(fā)。

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>welcome</title> </head> <body> <%=request.getParameter("username")%> <br/> <%=request.getAttribute("welcome") %> </body> </html>
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

這是welcome.jsp的代碼。

提交結(jié)果為: 
這里寫圖片描述 
當(dāng)點(diǎn)擊提交按鈕后后我們可以看一下網(wǎng)絡(luò)的請(qǐng)求過程。 
這里寫圖片描述

可以發(fā)現(xiàn)瀏覽器只向服務(wù)器發(fā)送了一個(gè)請(qǐng)求。

接下來看一下重定向。

如果把MyServlet的代碼改一下。

public class MyServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String username = (String)request.getParameter("username");
        request.setAttribute("welcome", "welcome!!!"); //      RequestDispatcher rd = request.getRequestDispatcher("welcome.jsp"); //      rd.forward(request,response); response.sendRedirect("welcome.jsp");
    }
}
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

可以看到結(jié)果為: 
這里寫圖片描述

而且瀏覽器項(xiàng)服務(wù)器發(fā)送了兩次請(qǐng)求: 
這里寫圖片描述

從上面的結(jié)果可以看出重定向后,因?yàn)槭前l(fā)起的另一個(gè)請(qǐng)求因此welcom頁面中的內(nèi)容都是null。而轉(zhuǎn)發(fā)則由于是同一個(gè)request對(duì)象和response對(duì)象因此既能獲得瀏覽器請(qǐng)求的參數(shù),還能拿到request總放入的屬性值。

其實(shí)從代碼也可以看出來,sendRedirect()方法是HttpServletResponse對(duì)象的響應(yīng)方法,既然調(diào)用了響應(yīng)對(duì)象的方法,那么就表明整個(gè)請(qǐng)求結(jié)束了,服務(wù)器端項(xiàng)客戶端返回執(zhí)行結(jié)果。而getRequestDispatcher方法是request對(duì)象的方法,表明依舊在請(qǐng)求因此不會(huì)立即向?yàn)g覽器返回結(jié)果,而是繼續(xù)執(zhí)行其轉(zhuǎn)發(fā)的任務(wù)。

有一點(diǎn)需要說明的時(shí),不論forward方法還是sendRedirect方法中傳的URL需要注意,如果以“\”開頭那么,就表示這個(gè)URL是現(xiàn)對(duì)于servlet容器根的請(qǐng)求,即localhost:8080,如果沒有以“\”開頭,那么表明這個(gè)請(qǐng)求地址是相對(duì)于當(dāng)前的請(qǐng)求URL來尋址的。

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>login</title> </head> <body> <!--這里改成了絕對(duì)地址  --> <form action="/myServlet" method="post"> name :<input type="text" name="username"/><br/> <input type="submit" value="submit"/> </form> </body> </html>
    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

當(dāng)我再次點(diǎn)擊提交的時(shí)候: 
這里寫圖片描述

不以”\”開頭的請(qǐng)求地址為: 
這里寫圖片描述

轉(zhuǎn)發(fā)模型為: 
這里寫圖片描述

重定向模型為:

這里寫圖片描述

藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔