HTTP状态码(包含代码演示)

骑猪看日落 2023-10-01 19:47 10阅读 0赞

### 什么是状态码 ###

当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含 HTTP 状态码的信息头（server header）用以响应浏览器的请求。HTTP 状态码的英文为 **HTTP Status Code**。

--------------------

状态码码十分的多，几乎可以表示所有的正常/非正常情况，我们不需要全部掌握，但常见的状态码如200，302，304，404，500等要能够知道其意思，下面我们将对这5个常见的状态码进行演示。  
先来看一看状态码的分类，当我们看见状态码时根据分类可以先大概知道是什么意思

#### 状态码的分类 ####

*  1\*\* ：信息，服务器收到请求，需要请求者继续执行操作
 *  2\*\* ：成功，操作被成功接收并处理
 *  3\*\* ：重定向，需要进一步的操作以完成请求
 *  4\*\* ：客户端错误，请求包含语法错误或无法完成请求
 *  5\*\* ：服务器错误，服务器在处理请求的过程中发生了错误

状态码都是以这些开头的，我们遇见状态码是第一时间先判断分类，了解大概的意思，然后进行排错，由于状态码很多，我这里只介绍最常见的5个，详细请参考[状态码大全][Link 1]，遇见不认识的进行查询即可。下面我开始对常见的5个进行说明。

--------------------

### 200状态码 ###

200状态码表示请求成功，比如，我们打开[bilibili][]页面，进行抓包，我们可以看见状态码为200

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_16_color_FFFFFF_t_70_g_se_x_16][]

### 302状态码 ###

302状态码表示重定向，重定向就可以简单理解为有一个人是负责卖炸鸡的叫张三，而且很有名，附近买买炸鸡的都找他，但是有一天他的店搬迁了，但是买东西的人不知道，于是张三就在以前卖炸鸡的地方立了一块牌子，上面说炸鸡店搬迁了，要买炸鸡去xxx购买。这就是重定向的简单原理，下面为图示说明

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16][]

我们可以看见，实际上进行**重定向**游览器发出了2次请求，下面我们用代码模拟一下重定向，我们写一个登录页面，当用户登录时重定向到百度界面。下面分别给出html和servlet代码。

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>login</title>
    </head>
    <body>
    <form action="login" method="post">
        用户名:<input type="text" placeholder="请输入用户名"><br/>
        <button>登录</button>
    </form>
    </body>
    </html>

import javax.servlet.*;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.*;
    import java.io.IOException;
    
    @WebServlet("/login")
    public class LoginServlet extends HttpServlet {
        @Override
        protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            response.sendRedirect("https://www.baidu.com");
        }
    
        @Override
        protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            this.doGet(request,response);
        }
    }

我们尝试进行登录，发现点击登录就跳转到了百度。

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_14_color_FFFFFF_t_70_g_se_x_16][]

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 1][]

我们抓包进行查看，发现状态码确实为302，游览器先向tomcat发送请求，然后在向百度服务器发送请求。

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 2][]

### 304状态码 ###

304状态码表示服务器资源没有进行更新，游览器直接使用缓存进行展示，例如，游览器第一次请求时，页面所有资源都会请求，所以速度往往较慢，但当我们第二次打开这个页面时就会发现速度明显变快了，尤其是有很多图片展示的网页，因为游览器在第一次请求时就将请求的资源进行了缓存，当再次请求时就会和服务器进行一个校验，看是否发生修改，没有发生修改就不需要请求了，下面我们进行模拟。使用的html代码和图片如下

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>hello</title>
    </head>
    <body>
    <h1>这是亚丝娜</h1>
    <img src="./ysn.png" alt="亚丝娜">
    </body>
    </html>

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 3][]

我们将一张图片进行展示，然后说明304。第一次请求网页，网页正常显示，我们对其进行抓包查看。

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 4][]

发现都是2个资源状态码都是200，表示请求成功，如果我们刷新网页会怎么样呢

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 5][]

发现hello.html已经变成了304，但是我们预想的应该是ysn,png也应该是304啊，因为没有修改过，我们点开ysn.png看一下

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 6][] 发现了200后面多了一句话，表示来自于缓存，但是感觉不是很直观，下面我们用Firefox进行相同操作看一下。

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 7][] ![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 8][]

发现2次请求确实是304，表示资源没有变化，但是原理是说明呢，下面我们简单进行说明，其实游览器和服务器的校验是通过请求头的If-Modified-Since进行校验的

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 9][]

**If-Modified-Since：如果请求的部分在指定时间之后被修改则请求成功，未被修改则返回304代码**

游览器收到304直接使用缓存进行展示。

### 404状态码 ###

这个状态码大家都不陌生了，就表示该资源不存在，我们在游览器随便输入一个网址看一下,这里我使用的是Firefox

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 10][]

### 500状态码 ###

这个状态码表示资源存在，但是服务器发生异常，下面我们用代码进行演示，代码如下

import javax.servlet.*;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.*;
    import java.io.IOException;
    
    @WebServlet("/error")
    public class ErrorServlet extends HttpServlet {
        @Override
        protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            int[] nums = new int[2];
            System.out.println(nums[2]);
        }
    
        @Override
        protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
            this.doGet(request,response);
        }
    }

我们可以知道这个代码运行就会报错，下面我们访问一下这个资源

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 11][]

发现就是报了500错误。

--------------------

**通过上面例子，我们讲解了5个最常见的例子，这5个必须要掌握，这些都是开发中常见的状态码 ，其他的见多了就会了，遇见不清楚的状态码查询手册即可，[状态码大全][Link 1]**

[Link 1]: http://tools.jb51.net/table/http_status_code
[bilibili]: https://www.bilibili.com/
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_16_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/21646b05b46c471680bde57691c30b16.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_16,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/eabbd9a62d0f49c6abab9a7069e5f2a8.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_14_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/c5703618f7c44b5e969f1f94d2d46e14.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_14,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 1]: https://img-blog.csdnimg.cn/a005505e5c3c47308654ed2b91d7a2dc.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 2]: https://img-blog.csdnimg.cn/b139b81bc9f5499a93d16a5999d0884f.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 3]: https://img-blog.csdnimg.cn/965a1332aa2144798571ce42b670fcb2.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 4]: https://img-blog.csdnimg.cn/1803ea34715747ad8ba8f0f325bf9d15.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 5]: https://img-blog.csdnimg.cn/80a0a3b21ade4ba0aa6b875dd231036d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 6]: https://img-blog.csdnimg.cn/b99ddbadc5544ca99477297a60bb5e80.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 7]: https://img-blog.csdnimg.cn/edf0d5fde66b4d5393dd7693bce67703.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 8]: https://img-blog.csdnimg.cn/b36b4d65c75f42769eef4eb91e723447.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 9]: https://img-blog.csdnimg.cn/553f35986def4f56ac232ea908473597.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 10]: https://img-blog.csdnimg.cn/b079e666d5b74bfbb98e753df4a70272.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0_size_20_color_FFFFFF_t_70_g_se_x_16 11]: https://img-blog.csdnimg.cn/766ba16b64d54624b5c20a20edef7888.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5LiN5pyN6L6T55qE5bCR5bm0,size_20,color_FFFFFF,t_70,g_se,x_16