本文最后更新于:4 个月前
接着前面两篇博文 《HTTP:超文本传输协议》 、 《HTTP请求信息数据 - Request》 的学习。
现在记录关于 HTTP响应信息数据-Response 的笔记。
响应信息数据 格式
Servlet
类中service()
方法的参数ServletResponse
- Response在一次响应结束后,自动被销毁,其输出流也会自动被关闭。
- 字符串数据,比如:
HTTP/1.1 200 OK
Content-Type: text/html;charset=UTF-8
Content-Length: 101
Date: Wed, 06 Jun 2018 07:08:42 GMT
<html>
<head>
<title>$Title$</title>
</head>
<body>
hello , response
</body>
</html>
响应行
- 格式:
协议/版本 响应状态码 状态码描述
响应状态码
- 服务器告诉客户端浏览器本次请求和响应的一个状态。
特点
- 状态码都是3位数字
分类
- 1xx:服务器就收客户端消息,但没有接受完成,等待一段时间后,发送1xx状态码
- 2xx:成功。代表:
- 200
- 3xx:重定向。代表:
- 302:重定向
- 304:访问缓存
- 4xx:客户端错误。代表:
- 403:错误是一种在网站访问过程中,常见的错误提示,表示资源不可用。服务器理解客户的请求,但拒绝处理它,通常由于服务器上文件或目录的权限设置导致的WEB访问错误。
- 404:请求路径没有对应的资源
- 405:请求方式没有对应的doXxx方法
- 5xx:服务器端错误。代表:500(服务器内部出现异常)
响应头
- 格式:
响应头名称 :值
常见的响应头
- Content-Type
- Content-disposition
Content-Type
- 服务器告诉客户端本次响应体数据格式以及编码格式
Content-disposition
服务器告诉客户端以什么格式打开响应体数据
其值:
in-line:默认值,在当前页面内打开
attachment;filename=xxx:以附件形式打开响应体。涉及文件下载等功能。
响应空行
- 就是一个空行(空白行)
- 作用:分割响应头和响应体
响应体
- 传输的数据
- 文件、HTML网页源码等等。比如,
<html>
<head>
<title>$Title$</title>
</head>
<body>
hello , response
</body>
</html>
案例1:重定向
- 重定向:资源跳转的方式
步骤
- ResponseDemo1.java
package cn.itcast.web.servlet;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
/**
* 重定向
*/
@WebServlet("/responseDemo1")
public class ResponseDemo1 extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
System.out.println("demo1........");
//访问/responseDemo1,会自动跳转到/responseDemo2资源
/* //1. 设置状态码为302
response.setStatus(302);
//2.设置响应头location
response.setHeader("location","/day15/responseDemo2");*/
//演示,不能使用request对象来共享数据
request.setAttribute("msg","response");
//动态获取虚拟目录
String contextPath = request.getContextPath();
//简单的重定向方法
response.sendRedirect(contextPath+"/responseDemo2");
//response.sendRedirect("http://www.itcast.cn");
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request,response);
}
}
- ResponseDemo2.java
package cn.itcast.web.servlet;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
@WebServlet("/responseDemo2")
public class ResponseDemo2 extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
System.out.println("demo2222222........");
//演示,不能使用request对象来共享数据
Object msg = request.getAttribute("msg");
System.out.println(msg);
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request,response);
}
}
- 演示:
特点
- 重定向的特点:
redirect
地址栏发生变化
重定向可以访问其他站点(服务器)的资源
重定向是两次请求。不能使用request对象来共享数据
- 转发的特点:
forward
转发地址栏路径不变
转发只能访问当前服务器下的资源
转发是一次请求,可以使用request对象来共享数据
- forward 和 redirect 区别
路径写法
分类
- 相对路径
- 绝对路径
相对路径
- 通过相对路径不可以确定唯一资源
- 如:
./index.html
- 不以
/
开头,以.
开头路径
规则
- 找到当前资源和目标资源之间的相对位置关系
./
:当前目录../
:后退一级目录
绝对路径(JSP时推荐使用)
- 通过绝对路径可以确定唯一资源
- 如:
http://localhost/day15/responseDemo2
中/day15/responseDemo2
- 以
/
开头的路径 - JSP时推荐使用
规则
- 判断定义的路径是给谁用的?判断请求将来从哪儿发出
- 给客户端浏览器使用:需要加虚拟目录(项目的访问路径)
- 建议动态获取虚拟目录:
request.getContextPath()
- 重定向是客户端浏览器进行的
<a>
、<form>
等要重定向…
- 给服务器使用:不需要加虚拟目录
- 比如:转发时的路径
request.getRequestDispatcher("/responseDemo2").forward(request,response);
案例2:服务器输出字符数据到浏览器
步骤
获取字符输出流
输出数据
演示
- ResponseDemo4.java
package cn.itcast.web.servlet;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
@WebServlet("/responseDemo4")
public class ResponseDemo4 extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//获取流对象之前,设置流的默认编码:ISO-8859-1 设置为:GBK
// response.setCharacterEncoding("utf-8");
//告诉浏览器,服务器发送的消息体数据的编码。建议浏览器使用该编码解码
//response.setHeader("content-type","text/html;charset=utf-8");
//简单的形式,设置编码
response.setContentType("text/html;charset=utf-8");
//1.获取字符输出流
PrintWriter pw = response.getWriter();
//2.输出数据
pw.write("<h1>hello response</h1>");
pw.write("<br>你好啊啊啊 response");
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request,response);
}
}
- 演示
注意乱码问题(编解码问题)
PrintWriter pw = response.getWriter();
获取的流的默认编码是ISO-8859-1- 设置该流的默认编码
- 告诉浏览器响应体使用的编码
- 简单的形式,设置编码,是在获取流之前设置
response.setContentType("text/html;charset=utf-8");
Demo
上面ResponseDemo4.java文件中
//获取流对象之前,设置流的默认编码:ISO-8859-1 设置为:GBK
// response.setCharacterEncoding("utf-8");
//告诉浏览器,服务器发送的消息体数据的编码。建议浏览器使用该编码解码
//response.setHeader("content-type","text/html;charset=utf-8");
//简单的形式,设置编码
response.setContentType("text/html;charset=utf-8");
案例3:服务器输出字节数据到浏览器
步骤
获取字符输出流
输出数据
演示
- ResponseDemo5.java
package cn.itcast.web.servlet;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
@WebServlet("/responseDemo5")
public class ResponseDemo5 extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text/html;charset=utf-8");
//1.获取字节输出流
ServletOutputStream sos = response.getOutputStream();
//2.输出数据
sos.write("你好".getBytes("utf-8"));
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request,response);
}
}
- 演示
案例4:验证码
本质:图片
目的:防止恶意表单注册
步骤
- 创建一对象,在内存中代表一个图片(验证码图片对象)
- 美化图片
- 将图片输出到页面展示
演示
- New一个CheckCode.java
package cn.itcast.web.servlet;
import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.awt.image.BufferedImage;
import java.io.IOException;
/**
* @Classname CheckCode
* @Description TODO
* @Date 2020/2/23 下午 10:20
* @Created by jerry
*/
@WebServlet("/checkCodeServlet")
public class CheckCode extends HttpServlet {
@Override
protected void doPost(HttpServletRequest requeste, HttpServletResponse response) throws ServletException, IOException {
int width = 100;
int height = 50;
//1.创建一对象,在内存中代表一个图片(验证码图片对象)
BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);
//2. 美化图片
//3.将图片输出到页面展示
ImageIO.write(image, "jpg", response.getOutputStream());
}
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request,response);
}
}
- 没有美化前
- 美化图片
package cn.itcast.web.servlet;
import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;
/**
* 验证码
*/
@WebServlet("/checkCodeServlet")
public class CheckCode extends HttpServlet {
@Override
protected void doPost(HttpServletRequest requeste, HttpServletResponse response) throws ServletException, IOException {
int width = 100;
int height = 50;
//1.创建一对象,在内存中代表一个图片(验证码图片对象)
BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);
//2. 美化图片
//2-1.填充背景色
Graphics g = image.getGraphics(); //画笔对象,可画/填充
g.setColor(Color.pink); //设置画笔颜色
g.fillRect(0,0,width,height);
//g.fill3DRect(0, 0, width, height, true);
//2-2.画边框
g.setColor(Color.BLUE);
g.drawRect(0, 0, width-1, height-1);
//2-3.随机字符(全部)
String str = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghigklmnopqrstuvwxyz0123456789";
//生产随机角标
Random ran = new Random();
//2-3.写验证码
for (int i = 1; i <= 4; i++) {
int index = ran.nextInt(str.length());
//获取字符
char ch = str.charAt(index); //随机字符
//写入字符
g.drawString(ch+"", width/5*i , height/2);
}
/*g.drawString("a", 20, 25);
g.drawString("2", 33, 15);
g.drawString("4", 72, 35);
g.drawString("g", 80, 20);*/
//2-4.画出干扰线
g.setColor(Color.green);
//随机生成坐标点
for (int i = 0; i < 10; i++) {
int x1 = ran.nextInt(width);
int x2 = ran.nextInt(width);
int y1 = ran.nextInt(height);
int y2 = ran.nextInt(height);
g.drawLine(x1, y1, x2, y2);
}
//3.将图片输出到页面展示
ImageIO.write(image, "jpg", response.getOutputStream());
}
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request,response);
}
}
- 美化后
- 在页面中配合注册表单等使用验证码
- 点击超链接或图片后,直接加载随机验证码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>验证码</title>
<script>
/**分析:
* 点击超链接/图片,需要换一张
* 1.给超链接/图片绑定单击事件
* 2.重新设置图片的src属性值
*/
window.onload = function () {
//1.获取图片对象
var img = document.getElementById("checkCode");
var a = document.getElementById("change");
//2.绑定单击事件
img.onclick = function () {
//获取时间戳
var date = new Date().getTime(); //毫秒值
//利用时间戳,浏览器访问就一定不会去访问缓存了。每一时刻的链接都是不一样的。
img.src = "/day15/checkCodeServlet?" + date;
}
a.onlick = function () {
var date = new Date().getTime();
a.href = "/day15/checkCodeServlet?" + date;
}
}
</script>
</head>
<body>
<img id="checkCode" src="/day15/checkCodeServlet" /><br>
<a id="change" href="">看不清,换一张?</a>
</body>
</html>
- 演示
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!