HTTP404...前端必知，精辟简介
zhezhongyun 2025-01-02 20:30 93 浏览
1、介绍
HTTP，超文本传输协议，是互联网中最为常用的一种网络协议。
2、组成
HTTP协议有HTTP请求和HTTP响应组成。
3、HTTP请求
编辑一个form表单页面，如下：
1 <html> 2 <head> 3 <meta charset="UTF-8"> 4 <title>HTTP TEST</title> 5 </head> 6 <body> 7 <form action="demo1.html" method="POST"> 8 <input type="text" name="username"><br> 9 <input type="password" name="password"><br> 10 <input type="submit" value="测试HTTP请求"><br> 11 </form> 12 </body> 13 </html>
点击提交按钮，抓包如下：
//请求行
POST /zhoubin/document/demo1.html HTTP/1.1, //请求路径
//请求头
Accept:text/html,application/xhtml+xml,*/* //浏览器可支持的文件类型
Referer:http://localhost:8080/zhoubin/document/demo1.html //刷新
Accept-Lanuage:zh-CN //接收的语言类型
User-Agent:Mozilla/5.0(compatiable:MSIE 9.0 Windows NT 6.1 ...) //用户当前使用的客户端信息（浏览器、操作系统等）
Content-Type:application/x-xxx-form-urlencoded //请求的类型
Accept-Encoding:gzip,deflate //编码格式
Host:localhost:8080 //当前主机名
Content-Lenght:30 //请求体的长度
Connection:Keep-Alive //保持连接
Cache-Control:no-Cache
//请求体
username=zhangsan&password=123
请求行介绍：
请求方式：POST、GET，当为POST是时，请求体中会有请求的参数；如果为GET，那么请求的参数不会在请求体中，而是会拼接在url地址后面。
请求的资源：/zhoubin/document/demo1.html
协议版本：HTTP/1.0：发送请求，创建一次连接，获得一个Web资源，连接断开。
HTTP/1.1：发送请求，创建一次连接，获得多个Web资源，保持连接。
常见请求头介绍：
Referer：浏览器通知服务器，当前请求来自何处。如果是直接访问，就不会有这个头。常用于：防盗链。
If-Modified-Since：浏览器通知服务器，本地缓存的最后变更时间，与另一个响应头组合控制浏览器页面的缓存。
Cookie：与会话技术有关，用于存放浏览器缓存的Cookie信息。
User-Agent：浏览器通知服务器，客户端浏览器与操作系统相关信息。
Connection：保持连接状态，Keep-Alive：连接中，close：已关闭。
Host：请求的服务器主机名。
Content-Lenght：请求体的长度。
Accept：浏览器可支持的文件类型，text/html：html文件、text/css：css文件、text/javascript：js文件、image/*：所有图片文件。
Accept-Ecoding：浏览器通知服务器，浏览器支持的数据压缩格式，如gzip压缩。
Accept-Language：浏览器通知服务器，浏览器支持的语言，各国语言（国际化il8n）。
4、HTTP响应
响应内容如下：
//响应行
HTTP/1.1 200 OK
//响应头
Server:Apache-Coyote/1.1
Accept-Ranges:bytes
ETag:W/"312-1467289802502"
Last-Modified:Thu,30 Jun 2016 12:30:02 GMT
Content-Type:text/html
Content-Language:312
Date:Thu,30 Jun 2016 12:31:12 GMT
//响应体
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTTP TEST</title>
</head>
<body>
<form action="demo1.html" method="POST">
<input type="text" name="username"><br>
<input type="password" name="password"><br>
<input type="submit" value="测试HTTP请求"><br>
</form>
</body>
</html>
响应行介绍：
200：请求成功
302：请求重定向
304：请求资源没有改变，访问本地的缓存
404：访问的资源不存在
500：服务器内部错误
响应头介绍：
Location：指定响应的路径
Content-Type：响应的正文的类型，取值：text/html;charset=UTF-8
Content-Disposition：通过浏览器以下载方式解析正文，取值：attachment,filename=xx.zip
Set-Cookie：与会话技术相关，服务器向浏览器写入Cooike
Content-Encoding：服务器使用的压缩格式，取值gzip
Refresh：定时刷新，格式：秒数;url=路径，其中url可省略，默认值为当前页，取值：3:url=www.itcast.cn，意味3秒刷新页面到www.itcast.cn
Server：指服务器名称，默认值：Apache-Coyote/1.1，可以通过conf/server.xml配置进行修改
Last-Modified：服务器通知浏览器，文件的最后修改时间，与If-Modified-Since一起使用
响应体介绍：
响应体是服务器会写给客户端的正文内容，浏览器将正文加载到内存，然后解析渲染显示页面内容。
相关推荐
- perl基础——循环控制_principle循环
-
在编程中，我们往往需要进行不同情况的判断，选择，重复操作。这些时候我们需要对简单语句来添加循环控制变量或者命令。if/unless我们需要在满足特定条件下再执行的语句，可以通过if/unle...
- CHAPTER 2 The Antechamber of M de Treville 第二章 特雷维尔先生的前厅
-
CHAPTER1TheThreePresentsofD'ArtagnantheElderCHAPTER2TheAntechamber...
- CHAPTER 5 The King'S Musketeers and the Cardinal'S Guards 第五章 国王的火枪手和红衣主教的卫士
-
CHAPTER3TheAudienceCHAPTER5TheKing'SMusketeersandtheCardinal'SGuard...
- CHAPTER 3 The Audience 第三章 接见
-
CHAPTER3TheAudienceCHAPTER3TheAudience第三章接见M.DeTrévillewasatt...
- 别搞印象流!数据说明谁才是外线防守第一人!
-
来源：Reddit译者：@assholeeric编辑：伯伦WhoarethebestperimeterdefendersintheNBA?Here'sagraphofStea...
- V-Day commemorations prove anti-China claims hollow
-
People'sLiberationArmyhonorguardstakepartinthemilitaryparademarkingthe80thanniversary...
- EasyPoi使用_easypoi api
-
EasyPoi的主要特点：1.设计精巧,使用简单2.接口丰富,扩展简单3.默认值多,writelessdomore4.springmvc支持,web导出可以简单明了使用1.easypoi...
- 关于Oracle数据库12c 新特性总结_oracle数据库12514
-
概述今天主要简单介绍一下Oracle12c的一些新特性，仅供参考。参考：http://docs.oracle.com/database/121/NEWFT/chapter12102.htm#NEWFT...
- 【开发者成长】JAVA 线上故障排查完整套路!
-
线上故障主要会包括CPU、磁盘、内存以及网络问题，而大多数故障可能会包含不止一个层面的问题，所以进行排查时候尽量四个方面依次排查一遍。同时例如jstack、jmap等工具也是不囿于一个方面的问题...
- 使用 Python 向多个地址发送电子邮件
-
在本文中，我们将演示如何使用Python编程语言向使用不同电子邮件地址的不同收件人发送电子邮件。具体来说，我们将向许多不同的人发送电子邮件。使用Python向多个地址发送电子邮件Python...
- 提高工作效率的--Linux常用命令，能够决解95%以上的问题
-
点击上方关注，第一时间接受干货转发，点赞，收藏，不如一次关注评论区第一条注意查看回复：Linux命令获取linux常用命令大全pdf+Linux命令行大全pdf为什么要学习Linux命令？1、因为Li...
- linux常用系统命令_linux操作系统常用命令
-
系统信息arch显示机器的处理器架构dmidecode-q显示硬件系统部件-(SMBIOS/DMI)hdparm-i/dev/hda罗列一个磁盘的架构特性hdparm-tT/dev/s...
- 小白入门必知必会-PostgreSQL-15.2源码编译安装
-
一PostgreSQL编译安装1.1下载源码包在PostgreSQL官方主页https://www.postgresql.org/ftp/source/下载区选择所需格式的源码包下载。cd/we...
- Linux操作系统之常用命令_linux系统常用命令详解
-
Linux操作系统一、常用命令1．系统(1)系统信息arch显示机器的处理器架构uname-m显示机器的处理器架构uname-r显示正在使用的内核版本dmidecode-q显示硬件系...
- linux网络命名空间简介_linux 网络相关命令
-
此篇会以例子的方式介绍下linux网络命名空间。此例中会创建两个networknamespace：nsa、nsb，一个网桥bridge0，nsa、nsb中添加网络设备veth，网络设备间...
- 一周热门
- 最近发表
-
- perl基础——循环控制_principle循环
- CHAPTER 2 The Antechamber of M de Treville 第二章 特雷维尔先生的前厅
- CHAPTER 5 The King'S Musketeers and the Cardinal'S Guards 第五章 国王的火枪手和红衣主教的卫士
- CHAPTER 3 The Audience 第三章 接见
- 别搞印象流!数据说明谁才是外线防守第一人!
- V-Day commemorations prove anti-China claims hollow
- EasyPoi使用_easypoi api
- 关于Oracle数据库12c 新特性总结_oracle数据库12514
- 【开发者成长】JAVA 线上故障排查完整套路!
- 使用 Python 向多个地址发送电子邮件
- 标签列表
-
- HTML 教程 (33)
- HTML 简介 (35)
- HTML 实例/测验 (32)
- HTML 测验 (32)
- JavaScript 和 HTML DOM 参考手册 (32)
- HTML 拓展阅读 (30)
- HTML文本框样式 (31)
- HTML滚动条样式 (34)
- HTML5 浏览器支持 (33)
- HTML5 新元素 (33)
- HTML5 WebSocket (30)
- HTML5 代码规范 (32)
- HTML5 标签 (717)
- HTML5 标签 (已废弃) (75)
- HTML5电子书 (32)
- HTML5开发工具 (34)
- HTML5小游戏源码 (34)
- HTML5模板下载 (30)
- HTTP 状态消息 (33)
- HTTP 方法：GET 对比 POST (33)
- 键盘快捷键 (35)
- 标签 (226)
- HTML button formtarget 属性 (30)
- opacity 属性 (32)
- transition 属性 (33)