Web工作原理:请求与响应

Web工作原理:请求与响应

请求与响应

  • 我们知道,请求就是客户端向服务端发送请求,请求客户端所需要的数据,服务器响应客户端,给客户端响应它想要的数据

当我们访问一个WEB,发生了什么

请求

  1. 客户端通过浏览器访问URL,URL一般由协议(HTTP或者HTTPS)、域名、资源;之后将由DNS解析真实的IP地址;

  2. 之后客户端将通过TCP/IP与服务器建立联系,这种连接会一直保持活跃状态以保证所有的文件或者数据传输完成;

  3. 第三步就是客户端向服务端发送HTTP请求,HTTP是超文本传输协议;

  4. 其中HTTP的请求如下

http 复制代码
GET /rest/v2/.../1.1    //起始行:HTTP 方法 + 请求目标 + HTTP 版本

//下面三行HTTP请求标头(现实可能不止这些)
Host: www.google.com
User-Agent: Mozilla/5.0
Accept-Language: en-us


<BODY>    //请求体(仅在向服务器发送数据时,例如POST)

什么是TCP/IP协议

TCP是传输控制协议,IP是互联网协议,他们组合在一起就是一种通信协议;

这些请求和后续的数据被打包成小"包裹",通过网络传输,就像寄快递一样。每个包裹都有地址标签,确保送到正确的地方。

不用把这些协议想的太过于复杂,其实和打电话上一样的道理;

响应

  1. 服务端向客户端发送HTTP响应,响应请求格式可能如下
http 复制代码
HTTP/1.1 200 OK   //起始行:HTTP版本+状态码+状态信息

//下面三行是HTTP响应头(由许多不同的可能性)
Date: Fri, 18 Jan 2021
Content-Type: text/html
Transfer-Encoding: chunked


<BODY>  //响应体(大多数可能)
相关推荐
HWL56798 分钟前
Express项目解决跨域问题
前端·后端·中间件·node.js·express
刺客-Andy21 分钟前
React 第三十九节 React Router 中的 unstable_usePrompt Hook的详细用法及案例
前端·javascript·react.js
Go_going_27 分钟前
【js基础笔记] - 包含es6 类的使用
前端·javascript·笔记
浩~~1 小时前
HTML5 浮动(Float)详解
前端·html·html5
AI大模型顾潇2 小时前
[特殊字符] 本地大模型编程实战(29):用大语言模型LLM查询图数据库NEO4J(2)
前端·数据库·人工智能·语言模型·自然语言处理·prompt·neo4j
九月TTS2 小时前
TTS-Web-Vue系列:Vue3实现内嵌iframe文档显示功能
前端·javascript·vue.js
爱编程的小学究2 小时前
【node】如何把包发布到npm上
前端·npm·node.js
weixin_473894773 小时前
前端服务器部署分类总结
前端·网络·性能优化
LuckyLay3 小时前
React百日学习计划-Grok3
前端·学习·react.js
澄江静如练_3 小时前
小程序 存存上下滑动的页面
前端·javascript·vue.js