http组成及状态及参数传递

早期的网页都是通过后端渲染来完成的：服务器端渲染（SSR，server side render）：
客户端发出请求 -> 服务端接收请求并返回相应HTML文档 -> 页面刷新，客户端加载新的HTML文档；
缺点就是：只是一些数据发生了变化，而此时服务器却要将重绘的整个页面再返
回给浏览器加载，
有没有办法在页面数据变动时，只向服务器请求新的数据，并且在阻止页面刷新的情况下，动态的替换页面中展示的数据呢？
答案正是“AJAX”。

网页渲染过程：

服务端渲染：

​​​​

前后端分离：

HTTP的组成：

    一次HTTP请求主要包括：请求（Request）和响应（Response）

HTTP的请求方式：

• GET：GET 方法请求一个指定资源的表示形式，使用 GET 的请求应该只被用于获取数据。

• HEAD：HEAD 方法请求一个与 GET 请求的响应相同的响应，但没有响应体。 ✓
  比如在准备下载一个文件前，先获取文件的大小，再决定是否进行下载；

• POST：POST 方法用于将实体提交到指定的资源。

• PUT：PUT
  方法用请求有效载荷（payload）替换目标资源的所有当前表示

• DELETE：DELETE 方法删除指定的资源；

• PATCH：PATCH
  方法用于对资源应部分修改;

• CONNECT：CONNECT
  方法建立一个到目标资源标识的服务器的隧道，通常用在代理服务器，网页开发很少用到。

• TRACE：TRACE
  方法沿着到目标资源的路径执行一个消息环回测试

HTTP Request Header

在request对象的header中也包含很多有用的信息，客户端会默认传递过来一些信息：

content-type是这次请求携带的数据的类型：

application/x-www-form-urlencoded：表示数据被编码成以 ‘&’ 分隔的键 - 值对，同时以 '='分隔键和值
application/json：表示是一个json类型；
text/plain：表示是文本类型；
application/xml：表示是xml类型；
multipart/form-data：表示是上传文件；

HTTP Request Header

content-length：文件的大小长度
keep-alive：

1. http是基于TCP协议的，但是通常在进行一次请求和响应结束后会立刻中断；
2. 在http1.0中，如果想要继续保持连接：
   • 浏览器需要在请求头中添加 connection: keep-alive；
   • 服务器需要在响应头中添加 connection:keey-alive；
   • 当客户端再次放请求时，就会使用同一个连接，直接一方中断连接；
3. 在http1.1中，所有连接默认是 connection: keep-alive的
   • 不同的Web服务器会有不同的保持 keep-alive的时间；
   • Node中默认是5s中；

accept-encoding：告知服务器，客户端支持的文件压缩格式，比如js文件可以使用gzip编码，对应 .gz文件；
accept：告知服务器，客户端可接受文件的格式类型；
user-agent：客户端相关的信息；

HTTP Response响应状态码

Http状态码（Http Status Code）是用来表示Http响应状态的数字代码

HTTP Request Header

响应的header中包括一些服务器给客户端的信息：