9. http协议_响应状态码_页面渲染流程_路由_中间件

1. http协议

超文本传输协议

协议详细规定了 浏览器 和 万维网服务器 之间互相通信的规则

客户端与服务端通信时传输的内容我们称之为报文(请求报文、响应报文)

  • 常见的发送 get 请求方式

在浏览器地址栏输入 url 地址访问

所有的标签默认发送的是 get 请求:如 script link img a...

form 表单默认也是 get 请求

  • 常见的发送 post 请求方式

只能通过 form 表单,设置 method="post" 发送

  • ajax 可以发送任意请求

2. 响应状态码

告诉浏览器(接受响应),响应内容是怎么样的状态

  • 1xx: 基本不用
  • 2xx: 响应成功的状态

200

  • 3xx: 请求资源重定向

302 请求的资源/网址重新定向到新的一个网址

304 请求的资源/网址重新定向到缓存中

  • 4xx: 请求资源未找到

404 服务器没有问题,资源在服务器中找不到

  • 5xx: 服务器内部错误

500 服务器出错了

3. 从浏览器输入一个url地址(www.baidu.com),到最终页面渲染完成,中间发生了什么?

① DNS解析

将域名地址解析为 ip 地址

② TCP连接:TCP三次握手

第一次握手: 浏览器发送给服务器,告诉服务器,我将要发送请求了,你准备接受一下

第二次握手: 服务器发送给浏览器,告诉浏览器,我准备好了,你放马过来

第三次握手: 浏览器发送给服务器,告诉服务器,我真的要发了,你准备好

③ 发送请求报文

请求报文

④ 接受响应

响应报文

⑤ 渲染页面

遇到 html,调用 html 解析器,将 html 的 dom 结构解析为 dom 树

遇到 css,调用 css 解析器,将 css 样式解析 cssom 树

将 dom 树和 cssom 树组合在一起,形成 render 树

先布局 layout,再渲染 render

遇到 js,调用 js 引擎,解析 js 代码,如果 js 中有操作 dom,它会修改 dom 树,如果有修改样式,它会修改 cssom 树

将 dom 树和 cssom 树组合在一起,形成 render 树

先布局 layout,再渲染 render (页面重排和重绘

⑥  TCP四次挥手 断开连接 ---- 断开浏览器发送的请求的链接,断开浏览器接受响应的链接

第一次挥手: 浏览器发送给服务器,告诉服务器,我东西(请求报文)发完了,你准备关闭吧

第二次挥手: 服务器发送给浏览器,告诉浏览器,我接受完了,我准备关闭,你也准备关闭吧

第三次挥手: 服务器发送给浏览器,告诉浏览器,我东西(响应报文)发完了,你准备关闭吧

第四次挥手: 浏览器发送给服务器,告诉服务器,我接受完了,我准备关闭,你也准备关闭吧

4. 路由

组成:

请求方式        get(查) /  post(增) /  put(改) /  delete (删)  ....

路由路径        必须‘/‘开头        /shop/:id  :id部分有params参数

回调函数(句柄函数)

  • req 请求信息

req.query 获取查询字符串参数  GET 请求

req.params 获取params参数

req.headers 获取请求头的所有信息

req.body 获取请求体参数 POST请求 (默认 express 框架是解析不了请求体数据的,要想解析需要引入中间件实现)

  • res 响应信息

注意:返回响应的方法有且只能设置一个,一旦有多个就会报错

res.download(文件相对路径)     返回响应,让浏览器自动下载指定文件

res.sendFile(文件绝对路径)      返回响应,让浏览器自动打开指定文件

res.end()      返回响应, 返回一个快速响应

res.json()     返回响应, 将传入的数据转化为json字符串返回

res.send()     返回响应, 根据传入的数据的类型,来自动判断添加相应的响应头来处理

res.redirect()     返回响应,请求资源重定向新的地址,默认响应状态码为302

res.get()     获取响应头的内容

res.set()     设置响应头的内容

res.status()     设置响应状态码

作用:  接受请求、返回响应         定义请求地址

使用: app.请求方式(路由路径, (request, response) => {});

request.query 参数(查询字符串参数): ?username=111&pwd=222

request.params 参数 : http://localhost:3000/hotel/123456 --> 123456就是params参数

5. 中间件

本质是一个函数 (req, res, next) => {}

作用:做一些重复做的事情。(当有多个路由重复做同一件事,这时就会交给中间件完成)

通过app.use(中间件函数)

解析原理:

所有路由和中间件都在一个数组中,会按照 js 引擎解析代码的先后顺序添加路由和中间件

当请求发送到服务器的时候,服务器获取到当前的请求信息(请求方式、请求路由路径),

遍历数组,找到第一个匹配(请求路由路径和请求方式必须完全一致)到的路由或者中间件(默认接受处理所有请求),执行其回调函数

如果处理的是中间件,中间件内部如果调用了next()方法,还会接下来匹配下一个路由或者中间件

没找到,返回一个状态码为404的响应, Cannot GET /xxx    Cannot POST /xxx

原文地址:https://www.cnblogs.com/tianxiaxuange/p/10201022.html

时间: 2024-07-28 15:56:18

9. http协议_响应状态码_页面渲染流程_路由_中间件的相关文章

TCP/IP协议族(一) HTTP简介、请求方法与响应状态码

接下来想系统的回顾一下TCP/IP协议族的相关东西,当然这些东西大部分是在大学的时候学过的,但是那句话,基础的东西还是要不时的回顾回顾的.接下来的几篇博客都是关于TCP/IP协议族的,本篇博客就先简单的聊一下TCP/IP协议族,然后聊一下HTTP协议,然后再聊一下SSL上的HTTP(也就是HTTPS)了.当然TCP/IP协议族是个老生常谈的话题,网络上关于该内容的文章一抓一大把呢,但是鉴于其重要性,还是有必要系统的总结一下的. 一.TCP/IP协议组简述 在聊HTTP与HTTPS之前呢,我们先简

http协议介绍及get与post请求、响应状态码

HTTP:  通信双方如果想要通信就必须遵循一定的规则,我们把这个规则称之为HTTP协议! 报文:  HTTP协议通信的内容我们称之为:报文 报文格式:    报文首部 空行 报文主体 1.请求报文 请求首部:请求首行和请求头部 空行 请求主体 2.响应报文: 响应首部 空行 响应主体 报文分类:  请求报文:浏览器发送给服务器端的内容 get请求    GET /Hello/index.jsp HTTP/1.1   Accept: */*    Accept-Language: zh-CN  

HTTP协议图--HTTP 响应状态码(重点分析)

1. 状态码概述 HTTP 状态码负责表示客户端 HTTP 请求的返回结果.标记服务器端的处理是否正常.通知出现的错误等工作. HTTP 状态码如 200 OK ,以 3 位数字和原因短语组成.数字中的第一位指定了响应类别,后两位无分类. 不少返回的响应状态码都是错误的,但是用户可能察觉不到这点.比如 Web 应用程序内部发生错误,状态码依然返回 200 OK. 2. 状态码类别   类别 原因短语 1xx Informational(信息性状态码) 接收的请求正在处理 2xx Success(

前端 http协议 四大特性 web本质 -响应状态码 列表标签 表单操作 form表单 # 44

1.前端简介 1 """""" 2 """前端:""" 3 """和python没有任何关系""" 4 5 1.什么是前端? 6 任何与用户直接打交道的操作界面都可以称之为前端 7 比如 : 电脑界面 手机界面 平板界面 8 9 2.什么是后端? 10 暂时先理解成,幕后操作者 11 不直接与用户打交道 12 13 3.为什么要

HTTP协议---HTTP请求中的常用请求字段和HTTP的响应状态码及响应头

http://blog.csdn.net/qxs965266509/article/details/8082810 用于HTTP请求中的常用请求头字段 Accept:用于高速服务器,客户机支持的数据类型 Accept-Charset:用于告诉服务器,客户机采用的编码格式 Accept-Encoding:用于告诉服务器,客户机支持的数据压缩格式 Accept-Language:客户机的语言环境 Host:客户机通过这个头高速服务器,想访问的主机名 If-Modified-Since:客户机通过这个

HTTP响应状态码

常见的http响应状态码 http状态返回代码 1xx(临时响应) 表示临时响应并需要请求者继续执行操作的状态代码 100    (继续) 请求者应当继续提出请求 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分 101   (切换协议) 请求者已要求服务器切换协议,服务器已确认并准备切换 http状态返回代码 2xx (成功) 表示成功处理了请求的状态代码 200   (成功)    服务器已成功处理了请求 通常,这表示服务器提供了请求的网页201   (已创建)  请求成功并且服务

HTTP/NSURLConnection(请求、响应)、http响应状态码大全

一.网络基础 1.基本概念> 为什么要学习网络编程在移动互联网时代,移动应用的特征有几乎所有应用都需要用到网络,比如QQ.微博.网易新闻.优酷.百度地图只有通过网络跟外界进行数据交互.数据更新,应用才能保持新鲜.活力如果没有了网络,也就缺少了数据变化,无论外观多么华丽,终将变成一潭死水 移动网络应用 = 良好的UI + 良好的用户体验 + 实时更新的数据新闻:网易新闻.新浪新闻.搜狐新闻.腾讯新闻视频:优酷.百度视频.搜狐视频.爱奇艺视频音乐:QQ音乐.百度音乐.酷狗音乐.酷我音乐LBS:百度地

php中Http请求方法和响应状态码整理教程

HTTP请求报文由请求行(request line).请求头部(header).空行和请求数据4个部分组成,格式如下 可见请求行由请求方法字段.URL字段和HTTP协议版本字段3个字段组成,它们用空格分 个HTTP请求报文由请求行(request line).请求头部(header).空行和请求数据4个部分组成,格式如下 可见请求行由请求方法字段.URL字段和HTTP协议版本字段3个字段组成,它们用空格分隔.HTTP请求方法: GET: 请求指定的页面信息,并返回实体主体. HEAD: 只请求页

http响应状态码大全

http响应状态码大全 转:http://blog.sina.com.cn/s/blog_4ae187490100x9u7.html http状态返回代码 1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代码. http状态返回代码 代码   说明100   (继续) 请求者应当继续提出请求. 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分. 101   (切换协议) 请求者已要求服务器切换协议,服务器已确认并准备切换. http状态返回代码 2xx (成功)表示成功处理