3.1. 范例
这次用户可以在首页选择自己喜欢的颜色,进入对应的页面。
选择绿色,会进入绿色界面:
选择红色,会进入红色界面:
好的,这里我们会看到四个页面:
-
index.jsp中选择颜色,点击按钮后提交到test.jsp。
-
test.jsp取得用户选择的颜色,根据颜色值显示对应的页面。
-
如果选择了红色,就显示red.jsp。
-
如果选择了绿色,就显示green.jsp。
在这里例子里,index.jsp,red.jsp,green.jsp中的内容都是一样的,所有的玄机都在test.jsp中。
现在面临的问题是如何在test.jsp决定实现red.jsp或者green.jsp,我们可以在forward和redirect中任选其一。
test.jsp中需要这样写:
<%@ page contentType="text/html; charset=gb2312"%> <% String color = request.getParameter("color"); if ("red".equals(color)) { request.getRequestDispatcher("red.jsp").forward(request, response); } else if ("green".equals(color)) { request.getRequestDispatcher("green.jsp").forward(request, response); } %>
略过取得参数与比较参数值不提,只关注forward的部分:
request.getRequestDispatcher("red.jsp").forward(request, response);
首先调用request的getRequestDispatcher()方法,获得对应red.jsp的转发器,然后调用forward()方法执行请求转发。结果用户看到的就是red.jsp中的结果了,一个红色的页面。
这里请大家注意一下浏览器的url地址:
选择红色页面时:
选择绿色页面时:
于是,无论转发至red.jsp还是green.jsp,地址栏上显示的都是test.jsp。
这是为什么呢?通过下面的流程图会让我们容易理解:
-
浏览器向test.jsp发送请求。
-
test.jsp计算客户选择的颜色,将请求转发至red.jsp。
-
red.jsp返回响应给浏览器。
这下知道为什么浏览器的地址没有变化了吧?因为浏览器只是执行了对test.jsp的请求,test.jsp到red.jsp的部分是在服务器内执行的,浏览器并不知道服务器里到底发生了什么,它只知道自己获得的响应是test.jsp发回来的,甚至不知道服务器还有个red.jsp。
这就是请求转发forward了。例子见lingo-sample/03-01/。
test.jsp中需要这样写:
<%@ page contentType="text/html; charset=gb2312"%> <% String color = request.getParameter("color"); if ("red".equals(color)) { response.sendRedirect("red.jsp"); } else if ("green".equals(color)) { response.sendRedirect("green.jsp"); } %>
略过取得参数与比较参数值不提,只关注redirect的部分:
response.sendRedirect("red.jsp");
response翻译过来就是响应,代表着http响应。调用response的sendRedirect("red.jsp")方法,将页面重定向到red.jsp。
再请大家注意一下浏览器的url地址:
选择红色页面时:
选择绿色页面时:
与forward不同,url地址一直在变化,红色的时候显示red.jsp,绿色的时候显示green.jsp。
再看一下流程图吧:
-
浏览器向test.jsp发送请求。
-
test.jsp计算客户选择的颜色,向浏览器发送一个页面重定向(redirect)的响应,响应中包含red.jsp的url地址。
-
浏览器根据页面重定向(redirect)响应中的red.jsp地址,再次向服务器发送请求,这次请求的就是red.jsp了。
-
red.jsp执行,返回响应。
redirect会触发另一个请求响应流程,第二次请求的时候是由浏览器发起对red.jsp的请求,所以url地址改变了。
这就是页面重定向redirect了。