平常在上网时难免离不开页面的跳转,而页面的跳转有两种方式,转发和重定向,两种跳转方式有各自的特点,先来介绍转发。
转发原理及特点
通过一幅图来看一下转发的原理:
在Tomcat中有两个Servlet,A和B,当浏览器通过URL请求A时,A会将该请求转发到B,然后由B对浏览器进行响应,可以看到整个过程浏览器只做了一次请求,请求在服务器内部进行转发,所以请求的转发不能跨服务器,也就是说在百度网页的请求转发不会转发到新浪去,并且在转发过程中,是将request的参数一块携带过去的
转发的特点:
- 服务器行为,所以转发的范围只能在本服务器内
- 转发是可以携带参数的,也就是说可以通过request域共享信息
- 在整个过程中浏览器只做了一次请求
- 转发过程中URL是不变的:URL是浏览器请求的地址,而在这里浏览器的请求并没有发生变化
如何进行转发
request.getRequestDispatcher("url").forward(request,response);
写入需要跳转的url,request,response,就可以实现请求的转发,需要注意有一点,请求的转发是针对服务器来说的,所以url不需要写项目的虚拟目录,而重定向需要写虚拟目录,可以与重定向对比理解
重定向原理及特点
同样是两个Servlet,A和B,,当浏览器请求A时,A在处理完业务后,需要跳转到B,然后,A会给浏览器一个回应:你去访问B。这时浏览器拿着A给的地址,去访问B,B响应完后整个过程就完成了。整个过程浏览器做了两次请求,得到了两次响应,只不过第一次响应是告诉浏览器需要重定向。
重定向的特点:
- 重定向是客户端行为,重定向的范围可以是不同服务器
- 重定向是两次请求,所以不可以共享数据
- 在整个过程中浏览器做了两次请求
- 由于浏览器又做了一次请求,所以请求的url发生变化
如何进行重定向
通过response提供的方法来进行重定向
response.sendRedirect("url");
重点需要掌握转发和重定向的原理和特点,什么时候用转发,什么时候用重定向?转发是可以带数据的,重定向就不能,使用方面的区别就在这,一起通过一个案例了解一下
案例
看一下需求
1.访问带有验证码的登陆页面login.jsp
2.用户输入用户名,密码以及验证码
*如果用户名和密码输入有误,跳转登陆页面,提示:用户名或密码错误
*如果验证码输入有误,跳转登陆页面,提示:验证码错误
*如果全部输入正确,则跳转到主页success.jsp,显示:登陆成功
登陆页面通过jsp来实现,所以可以在这里来拿到request的信息,判断是否需要展示 验证码错误 和 用户名密码错误,如果是这两种情况,则通过请求的转发来通知该jsp,如果是成功,则可以直接重定向。
servlet核心代码:
//5.判断密码是否正确,模拟数据库查询
if(name.equals("1") && password.equals("1")) {
//密码正确
response.sendRedirect("/JavaEE/loginsuccess.html");
} else {
//密码错误
request.setAttribute("isPasswordSuccess","false");
request.getRequestDispatcher("/login.jsp").forward(request,response);
}
前端jsp页面:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>登陆</title>
</head>
<script>
window.onload = function (ev) {
document.getElementById("img").onclick
}
</script>
<body>
<%
String isVerifySuccess = (String) request.getAttribute("isVerifySuccess");
if(isVerifySuccess != null) {
if(isVerifySuccess.equals("false")) {
out.write("验证码输入错误,请重新登陆");
}
}
%>
<%
String isPasswordSuccess = (String) request.getAttribute("isPasswordSuccess");
if(isPasswordSuccess != null) {
if(isPasswordSuccess.equals("false")) {
out.write("用户名或密码输入错误,请重新输入");
}
}
%>
<form action="/JavaEE/LoginServlet" method="get">
用户名:<input name="name" type="text"/><br>
密码:<input name="password" type="password"><br>
验证码:<input name="verify" type="text"/>
<img id="captcha_img" alt="点击更换" title="点击更换" onclick="changeVerifyCode(this)" src="Kaptcha"/><br>
<input type="submit" value="提交">
</form>
</body>
</html>