【计算机网络】深度学习使用应用层的HTTP协议

💓 博客主页：从零开始的-CodeNinja之路

⏩ 收录文章：【计算机网络】深度学习使用应用层的HTTP协议

🎉欢迎大家点赞👍评论📝收藏⭐文章

文章目录

一:HTTP是什么
二:HTTP请求
三:HTTP响应
四:form表单构造HTTP请求
- - 1.form发送GET请求
  - 2.体会form代码和HTTP请求之间的对应关系

一:HTTP是什么

HTTP(全称为"超本文传输协议")是⼀种应用非常广泛的应用层协议.

例:我们平时打开⼀个网站,就是通过HTTP协议来传输数据的.

当我们在浏览器中输入⼀个搜索的"网址"(URL)时,浏览器就给搜狗的服务器发送了一个HTTP请求,搜狗的服务器返回了⼀个HTTP响应.

这个响应结果被浏览器解析之后,就展示成我们看到的页面内容.(这个过程中浏览器可能会给服务器发送多个HTTP请求,服务器会对应返回多个响应,这些响应里就包含了页面HTML,CSS,JavaScript,图片,字体等信息).

HTTP协议包含两大部分,一部分是HTTP请求,一部分是HTTP响应部分

二:HTTP请求

1.HTTP请求的组成

首行:[方法]+[url]+[版本]
Header(请求头):请求的属性,冒号分割的键值对;每组属性之间使用\n分隔;遇到空行表示Header部分结束
空行:请求头下会有一个空行,表示结束标志
Body(请求正文):空行后面的内容都是Body.Body允许为空字符串.如果Body存在,则在Header中会有⼀个
Content-Length属性来标识Body的长度;

2.HTTP请求的方法

所用最多的是Get和POST方法,其它方法作为了解即可

PUT与POST相似，只是具有幂等特性，⼀般用于更新
DELETE删除服务器指定资源
OPTIONS返回服务器所支持的请求方法
HEAD类似于GET，只不过响应体不返回，只返回响应头
TRACE回显服务器端收到的请求，测试的时候会用到这个 CONNECT预留

GET方法

GET是最常用的HTTP方法.常用于获取服务器上的某个资源.

在浏览器中直接输入URL,此时浏览器就会发送出⼀个GET请求.

另外,HTML中的link,img,script等标签,也会触发GET请求.
GET请求的特点:

首行的第⼀部分为GET URL的query string可以为空,也可以不为空.
header部分有若干个键值对结构.
body部分为空.

POST方法

POST方法也是⼀种常见的方法.多用于提交用户输入的数据给服务器(例如登陆页面).

通过HTML中的form标签可以构造POST请求,或者使用JavaScript的ajax也可以构造POST请求.
POST请求的特点

首行的第⼀部分为POST
URL的query string⼀般为空(也可以不为空)
header部分有若干个键值对结构.
body部分⼀般不为空.body内的数据格式通过header中的 Content-Type指定.body的长度由header中的Content-Length 指定.

经典面试题:谈谈GET和POST的区别

语义不同:GET⼀般用于获取数据,POST⼀般用于提交数据.

GET的body⼀般为空,需要传递的数据通过query string传递,POST的query string⼀般为空,需要传递的数据通过body传递

GET请求⼀般是幂等的,POST请求⼀般是不幂等的.(如果多次请求得到的结果⼀样,就视为请求是幂等的).

GET可以被缓存,POST不能被缓存.(这⼀点也是承接幂等性).

补充说明:

关于语义:GET完全可以用于提交数据,POST也完全可以用于获取数据.

关于幂等性:标准建议GE实现为幂等的.实际开发中GET也不必完全遵守这个规则(主流网站都有 "猜你喜欢"功能,会根据用户的历史行为实时更新现有的结果.

关于安全性:有些资料上说"POST比GET请安全".这样的说法是不科学的.是否安全取决于前端在传输密码等敏感信息时是否进行加密,和GET POST无关.

关于传输数据量:有的资料上说"GET传输的数据量小,POST传输数据量大".这个也是不科学的,标准没有规定GET的URL的长度也没有规定POST的body的长度.传输数据量多少,完全取决于不
同浏览器和不同服务器之间的实现区别.

关于传输数据类型:有的资料上说"GET只能传输文本数据,POST可以传输⼆进制数据".这个也是不科学的.GET的query string虽然无法直接传输⼆进制数据,但是可以针对⼆进制数据进行url encode.

3.HTTP请求的URL

例:https://v.bitedu.vip/personInf/student?userId=10000\&classId=100

https :协议方案名.常见的有http和https,也有其他的类型.(例如访问mysql时用的jdbc:mysql )
user:pass :登陆信息.现在的网站进行身份认证⼀般不再通过URL进行了.⼀般都会省略
v.bitedu.vip :服务器地址.此处是⼀个"域名",域名会通过DNS系统解析成⼀个具体的IP地址.(通过ping命令可以看到,
v.bitedu.vip 的真实IP地址为 118.24.113.28 )
端口号:上面的URL中端口号被省略了.当端口号省略的时候,浏览器会根据协议类型自动决定使用
哪个端⼝.例如http协议默认使通80端口,https协议默认使用443端
/personInf/student :带层次的文件路径.
userId=10000&classId=100 :查询字符串(query string).本质是⼀个键值对结构.键值对之
间使⽤&分隔.键和值之间使用=分隔.
片段标识:此URL中省略了片段标识.片段标识主要用于页面内跳转.

4.请求报头

header的整体的格式也是"键值对"结构.每个键值对占一行.键和值之间使用分号分割.

Host:表示服务器主机的地址和端口.

Content-Length:表示body中的数据长度.

Content-Type:表示请求的body中的数据格式.

User-Agent(简称UA):表示浏览器/操作系统的属性.

Referer:表示这个页面是从哪个页面跳转过来的.

Cookie:Cookie中存储了⼀个字符串,这个数据可能是客户端(网页)自行通过JS写入的,也可能来自于服务器 (服务器在HTTP响应的header中通过Set-Cookie字段给浏览器返回数据).

三:HTTP响应

1.HTTP响应的组成

首行:[版本号]+[状态码]+[状态码解释]
Header(响应头):请求的属性,冒号分割的键值对;每组属性之间使用\n分隔;遇到空行表示Header部分结束
空行:响应头下会有一个空行,表示结束标志
Body(响应正文):空行后面的内容都是Body.Body允许为空字符串.如果Body存在,则在Header中会有⼀个
Content-Length属性来标识Body的长度;如果服务器返回了⼀个html页面,那么html页面内容就是在body中.

2.HTTP响应的状态码

例如:几个最常见的状态码

200 OK 这是⼀个最常见的状态码,表示访问成功.
301 Moved Permanently
永久重定向.当浏览器收到这种响应时,后续的请求都会被自动改成新的地址.也是通过Location字段来表示要重定向到的新地址.
302 Move temporarily 临时重定向.实现登陆成功后自动跳转到主页.
403 Forbidden 表示访问被拒绝.有的页面通常需要用户具有⼀定的权限才能访问(登陆后才能访问).如果用户没有登陆直接访问,就容易见到403.
405 Method Not Allowed 前面我们已经学习了HTTP中所支持的方法,有GET,POST,PUT,DELETE等.但是对方的服务器不⼀定都持支所有的方法(或者不允许用户使用一些其他的方法).
500 Internal Server Error
服务器出现内部错误.⼀般是服务器的代码执行过程中遇到了⼀些特殊情况(服务器异常崩溃)会产生这个状态码.
504 Gateway Timeout 当服务器负载比较大的时候,服务器处理单条请求的时候消耗的时间就会很长,就可能会导致出现超时的情况.

响应报头的基本格式和请求报头的格式基本⼀致.

类似于 Content-Type , Content-Length 等属性的含义也和请求中的含义⼀致.

Content-Type

响应中的Content-Type常见取值有以下几种:

text/html :body数据格式是HTML
text/css :body数据格式是CSS
application/javascript :body数据格式是JavaScript
application/json :body数据格式是JSON

四:form表单构造HTTP请求

form(表单)是HTML中的⼀个常用标签.可以用于给服务器发送GET或者POST请求.

1.form发送GET请求

form的重要参数:

action:构造的HTTP请求的URL是什么.
method:构造的HTTP请求的⽅法是GET还是POST(form只⽀持GET和POST).

input的重要参数:

type:表示输⼊框的类型.text表示文本,password表示密码,submit表示提交按钮.
name:表示构造出的HTTP请求的query string的key.query string的value就是输⼊框的用户输入的内容.
value:input标签的值.对于type为submit类型来说,value就对应了按钮上显示的文本.

javascript 复制代码

<form action="http://abcdef.com/myPath" method="GET">
<input type="text" name="userId">
<input type="text" name="classId">
<input type="submit" value="提交">
</form>

2.体会form代码和HTTP请求之间的对应关系

form的action属性对应HTTP请求的URL

form的method属性对应HTTP请求的方法
input的name属性对应query string的key
input的内容对应querystring的value

如果觉得文章不错，期待你的一键三连哦，你个鼓励是我创作的动力之源，让我们一起加油，顶峰相见！！！💓 💓 💓