HTTP协议原理与ajax工作原理
-
课后学习传送门（一个网站从输入网址到呈现页面完整流程）
-
课后学习传送门： 查看各种响应状态码含义
-
1.什么HTTP协议
- 协议指的是规定浏览器跟服务器交互的数据格式
-
2.浏览器请求 必须是：
请求报文 -
3.服务器响应 必须是：
响应报文 -
4.请求报文与响应报文的数据格式如下
-
a.请求报文
- (1)请求行 ： 包含请求方法, URL, 协议版本
- (2)请求头：包含请求的附加信息, 由关键字/值对组成
- (3)请求体：浏览器发送给服务器的数据(
参数)
-
b.响应报文
-
(1)响应行：包含协议版本, 状态码, 状态码描述
- 1xx, 指示信息, 表示请求已接收, 继续处理
2xx, 成功, 表示请求已被成功接收和处理.- 3xx, 重定向, 表示要完成请求必须进行更进一步操作
4xx, 客户端错误, 表示有语法错误或请求无法实现5xx, 服务器端错误, 表示服务器未能实现合法的请求
-
(2)响应头:content-type 返回的数据格式，jQuery自动转JSON就是根据他来判断的
-
(3)响应体：服务器响应给浏览器的数据 （
xhr.responseText）
-
-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
<script>
/*
1.HTTP : 网络传输协议
* 协议 ： 约定 数据传输格式
2.HTTP协议组成部分
2.1 请求报文
2.2 响应报文
3. 请求报文三个组成部分
3.1 请求行 ： 包含请求方法, URL, 协议版本
3.2 请求头 ： 浏览器告诉服务器，我给的数据是什么格式 （content-type在请求头中）
3.3 请求体 ： post请求参数在请求体中
4. 响应报文三个组成部分
4.1 响应行 ： 包含协议版本, 状态码, 状态码描述
2开头 ： 请求成功 200
3开头 ： 重定向 302
4开头 ： 前端问题 400参数错误 401 没有权限 404 url错误
5开头 ： 后台问题 500 服务器bug,可以理解为后台java代码爆红
4.2 响应头 ： 浏览器告诉服务器，我给你的数据是什么格式 （浏览器会自动识别）
4.3 响应体 ： 后台响应的数据，一般是json格式
5.ajax原理： 设置http请求报文的过程
*/
//(1).实例化ajax对象
let xhr = new XMLHttpRequest()
//(2).设置请求方法和地址
xhr.open("post", "http://www.liulongbin.top:3009/api/login")
//(3).设置请求头（post请求才需要设置）
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
//(4).发送请求 ： 参数格式 'key=value'
xhr.send("username=admin&password=123456")
//(5).注册回调函数
// xhr.onload = function() {};
xhr.onreadystatechange = function() {
//onreadystatechange会触发多次，一般需要判断xhr.readState == 4 才获取响应数据
if (xhr.readyState == 4) {
console.log(xhr.responseText)
}
}
</script>
</body>
</html>
HTTP 与 HTTPS 区别
- HTTP 明文传输，数据都是未加密的，安全性较差，HTTPS（SSL+HTTP） 数据传输过程是加密的，安全性较好。
- 使用 HTTPS 协议需要到 CA（Certificate Authority，数字证书认证机构） 申请证书，一般免费证书较少，因而需要一定费用。证书颁发机构如：Symantec、Comodo、GoDaddy 和 GlobalSign 等。
- HTTP 页面响应速度比 HTTPS 快，主要是因为 HTTP 使用 TCP 三次握手建立连接，客户端和服务器需要交换 3 个包，而 HTTPS除了 TCP 的三个包，还要加上 ssl 握手需要的 9 个包，所以一共是 12 个包。
- http 和 https 使用的是完全不同的连接方式，用的端口也不一样，前者是 80，后者是 443。
- HTTPS 其实就是建构在 SSL/TLS 之上的 HTTP 协议，所以，要比较 HTTPS 比 HTTP 要更耗费服务器资源。
