深入分析JavaWeb Item4 -- Http协议_item协议(1)

Hello World! ```
5.2、HTTP响应的细节——状态行

状态行格式: HTTP版本号 状态码 原因叙述<CRLF>

  举例:HTTP/1.1 200 OK

状态码用于表示服务器对请求的处理结果,它是一个三位的十进制数。响应状态码分为5类,如下所示:

这里写图片描述

5.3、HTTP响应细节——常用响应头

HTTP响应中的常用响应头(消息头)

  • Location: 服务器通过这个头,来告诉浏览器跳到哪里
  • Server:服务器通过这个头,告诉浏览器服务器的型号
  • Content-Encoding:服务器通过这个头,告诉浏览器,数据的压缩格式
  • Content-Length: 服务器通过这个头,告诉浏览器回送数据的长度
  • Content-Language:服务器通过这个头,告诉浏览器语言环境
  • Content-Type:服务器通过这个头,告诉浏览器回送数据的类型
  • Refresh:服务器通过这个头,告诉浏览器定时刷新
  • Content-Disposition:服务器通过这个头,告诉浏览器以下载方式打数据
  • Transfer-Encoding:服务器通过这个头,告诉浏览器数据是以分块方式回送的
  • Expires: -1 控制浏览器不要缓存
  • Cache-Control: no-cache
  • Pragma:no-cache

六、在服务端设置响应头来控制客户端浏览器的行为

6.1、设置Location响应头,实现请求重定向

package gacl.http.study;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/\*\*
 \* @author gacl
 \*
 \*/
public class ServletDemo01 extends HttpServlet {
    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {

        response.setStatus(302);//设置服务器的响应状态码
        /\*\*
 \*设置响应头,服务器通过 Location这个头,来告诉浏览器跳到哪里,这就是所谓的请求重定向
 \*/
        response.setHeader("Location", "/JavaWeb\_HttpProtocol\_Study\_20140528/1.jsp");
    }
    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        this.doGet(request, response);
    }
}

当在浏览器中使用URL地址”http://localhost:8080/JavaWeb_HttpProtocol_Study_20140528/servlet/ServletDemo01“访问ServletDemo01时,就可以看到服务器作出响应后发送到浏览器的状态码和响应头信息,如下图所示:

这里写图片描述

服务器返回一个302状态码告诉浏览器,你要的资源我没有,但是我通过Location响应头告诉你哪里有,而浏览器解析响应头Location后知道要跳转到/JavaWeb_HttpProtocol_Study_20140528/1.jsp页面,所以就会自动跳转到1.jsp,如下图所示:

这里写图片描述

6.2、设置Content-Encoding响应头,告诉浏览器数据的压缩格式
package gacl.http.study;

import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.util.zip.GZIPOutputStream;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/\*\*
 \* @author gacl
 \*这个小程序是用来演示以下两个小知识点
 \*1、使用GZIPOutputStream流来压缩数据
 \*2、设置响应头Content-Encoding来告诉浏览器,服务器发送回来的数据压缩后的格式
 \*/
public class ServletDemo02 extends HttpServlet {

    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        String data = "abcdabcdabcdabcdabcdabcdab" +
                "cdabcdabcdabcdabcdabcdabcdabcdabc" +
                "dabcdabcdabcdabcdabcdabcdabcdabc" +
                "dabcdabcdabcdabcdabcdabcdabcdabcdab" +
                "cdabcdabcdabcdabcdabcdabcdabcdabcdab" +
                "cdabcdabcdabcdabcdabcdabcdabcdabcdab" +
                "cdabcdabcdabcdabcdabcdabcdabcdabcdab" +
                "cdabcdabcdabcdabcdabcdabcdabcdabcdabcd";
        System.out.println("原始数据的大小为:" + data.getBytes().length);

        ByteArrayOutputStream bout = new ByteArrayOutputStream();
        GZIPOutputStream gout = new GZIPOutputStream(bout); //buffer
        gout.write(data.getBytes());
        gout.close();
        //得到压缩后的数据
        byte g[] = bout.toByteArray();
        response.setHeader("Content-Encoding", "gzip");
        response.setHeader("Content-Length",g.length +"");
        response.getOutputStream().write(g);
    }

    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        this.doGet(request, response);
    }
}

服务器发给浏览器的响应信息如下:

这里写图片描述这里写图片描述

浏览器支持的压缩格式有:这里写图片描述

6.3、设置content-type响应头,指定回送数据类型
package gacl.http.study;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class ServletDemo03 extends HttpServlet {
    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        /\*\*
 \* 浏览器能接收(Accept)的数据类型有: 
 \* application/x-ms-application, 
 \* image/jpeg, 
 \* application/xaml+xml, 
 \* image/gif, 
 \* image/pjpeg, 
 \* application/x-ms-xbap, 
 \* application/vnd.ms-excel, 
 \* application/vnd.ms-powerpoint, 
 \* application/msword, 
 \*/
        response.setHeader("content-type", "image/jpeg");//使用content-type响应头指定发送给浏览器的数据类型为"image/jpeg"
        //读取位于项目根目录下的img文件夹里面的WP\_20131005\_002.jpg这张图片,返回一个输入流
        InputStream in = this.getServletContext().getResourceAsStream("/img/WP\_20131005\_002.jpg");
        byte buffer[] = new byte[1024];
        int len = 0;
        OutputStream out = response.getOutputStream();//得到输出流
        while ((len = in.read(buffer)) > 0) {//读取输入流(in)里面的内容存储到缓冲区(buffer)
            out.write(buffer, 0, len);//将缓冲区里面的内容输出到浏览器
        }
    }
    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        this.doGet(request, response);
    }
}

服务器发给浏览器的响应信息如下:

这里写图片描述

ServletDemo03的运行结果如下图所示:

这里写图片描述

在浏览器中显示出了图片

6.4、设置refresh响应头,让浏览器定时刷新
package gacl.http.study;

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

public class ServletDemo04 extends HttpServlet {
    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        /\*\*
 \* 设置refresh响应头,让浏览器每隔3秒定时刷新
 \*/
        // response.setHeader("refresh", "3");
        /\*\*
 \* 设置refresh响应头,让浏览器3秒后跳转到http://www.baidu.com
 \*/
        response.setHeader("refresh", "3;url='http://www.baidu.com'");
        response.getWriter().write("gacl");
    }

    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        this.doGet(request, response);
    }



#### react和vue的比较

相同
1)vitual dom
2)组件化
3)props,单一数据流

不同点
1)react是jsx和模板;(jsx可以进行更多的js逻辑和操作)
2)状态管理(react)
3)对象属性(vue)
4)vue:view——medol之间双向绑定
5)vue:组件之间的通信(props,callback,emit)

>**[开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

![](https://img-blog.csdnimg.cn/img_convert/88be7fef2c7b117c60b74a0d46bf4358.webp?x-oss-process=image/format,png)


不同点
1)react是jsx和模板;(jsx可以进行更多的js逻辑和操作)
2)状态管理(react)
3)对象属性(vue)
4)vue:view——medol之间双向绑定
5)vue:组件之间的通信(props,callback,emit)

>**[开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

[外链图片转存中...(img-0TqpVEsA-1714728163649)]

![](https://img-blog.csdnimg.cn/img_convert/7a5cb493ea890e5210ec2fb6e8c65e9c.webp?x-oss-process=image/format,png)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值