Response应用之重定向的实现★★★★★


声明

本文部分内容参考自其他作者原创文章,仅供个人学习留档,特此声明

参考文章链接

(1条消息) B站---【狂神说Java】JavaWeb入门到实战---笔记_夜里的雨的博客-CSDN博客_狂神说java笔记

(3条消息) HTTP 的重定向应用场景和常见问题_@另维吖的博客-CSDN博客_重定向应用场景

实现重定向★★★★

(3条消息) HTTP 的重定向应用场景和常见问题_@另维吖的博客-CSDN博客_重定向应用场景

首先再来回顾一下什么叫重定向

如上图所示:A想访问C的内容,它先问B有没有它想要的内容,B说我没有,但是C有

A得到这个讯息以后,就直接向C发送访问请求

在这个过程中A是有和C直接接触的,所以请求路径会发生改变

一个面试题:重定向和请求转发的区别?

总结一下,区别如下表

请求次数 url是否改变 执行位置 url地址类型
重定向 一次请求 客户端 当前web工程内的地址
请求转发 两次请求 服务器内部 任意地址

重定向用到的方法语法为: void sendRedirect(String var1) throws IOException;

重定向的常用场景:用户登录

先写一个简简单单的重定向程序测试一下

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class RedirectServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.sendRedirect("/response/img");
        //重定向到 http://localhost:8080/response/img这个网页
    /*
        resp. setHeader("Location","/response/img");
        resp. setstatus (302);
    */
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doGet(req, resp);
    }
}

经测试,发现网址确实是跳转到 http://localhost:8080/response/img

看一下跳转网页的控制台界面

说明了重定向的Java语句 resp.sendRedirect("/response/img"); 的另一种写法如下

resp. setHeader("Location","/response/img");
resp. setstatus (302);

1、代码

1.用于实现用户登录页面的index.jsp代码


   
      

用户登录页面

用户名:
密码:
<%--下面这行代码用于解决乱码问题--%> <%@page contentType="text/html;" pageEncoding="UTF-8"%>

2.用于处理请求及实现重定向的RequestTest代码

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class RequestTest extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //处理请求
        System.out.println("进入这个请求了");
        String username = req.getParameter("username");
        String password = req.getParameter("password");

        System.out.println("username : " + username);
        System.out.println("password : " + password);
        
        //进入这个请求页面以后就重定向到success.jsp这个页面
        resp.sendRedirect("/response/success.jsp");      
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doGet(req, resp);
    }
}

3.重定向页面代码success.jsp

<%@ page contentType="text/html; charset=UTF-8" language="java" %>

    
	    Title
	
    
    	

success

4.用于注册映射路径的web.xml代码


    requset
    com.xy.servlet.RequestTest


    requset
    /login


2、代码测试

  • 首先我们进入用户登录页面 http://localhost:8080/response

  • 输入信息之后点击提交

    我们的预想是提交后进入 /login 即 RequestTest 代码页面,然后在 RequestTest 代码页面实现重定向,跳转到 success.jsp 页面

    如下图所示:确实是跳转到了我们的重定向以后的页面

    但是不是跟我们预想的过程一样呢?

  • 预想过程证明

    • 证明一:控制台输出的内容证明确实是走过RequestTest代码了

    • 证明二:看网页控制台

    • 以上,成功证明了我们的预想是对的


3、知识点梳理及问题处理

1.梳理一下这部分的学习内容

首先我们在 index.jsp 内写了一个简简单单的用户登录页面

然后我们写了java代码 RequestTest 用于构建页面 http://localhost:8080/response/login

然后我们在 success.jsp 内写了一个简单的重定向跳转页面

再然后我们实现了用户提交信息以后跳转到了 http://localhost:8080/response/login 这个页面

最后我们实现了在 http://localhost:8080/response/login 页面中重定向到 success.jsp 写的页面

简单来说就是我们实现了以下过程

用户填写信息 --> 提交信息 --> 跳转到请求处理页面 --> 经过重定向跳转到另一个页面


2.学习过程中遇到的一些问题(已解决)

  • 用户登录页面乱码问题,如下图所示

    解决方法:

    在 index.jsp 的 body 体中添加 <%@page contentType="text/html;" pageEncoding="UTF-8"%>

    如下图所示,乱码问题得到了解决

  • 如何实现用户点击提交以后能够跳转到请求处理页面?

    • ${pageContext.request.contextPath}代表当前的项目

      也就是说 ${pageContext.request.contextPath} 就代表了 http://localhost:8080/response 这个网页,所以像下边这样写就能跳转到请求处理页面网址 http://localhost:8080/response/login

      用户名:
      密码:
  • 实现重定向练习用到的 jar 包依赖代码如下

    
        
        javax.servlet
        javax.servlet-api
        4.0.1
        
        
        javax.servlet.jsp
        javax.servlet.jsp-api
        2.3.3