ajax学习第五天
文章目录
- ajax学习第五天
-
- 1.HTTP协议
-
- 1.1 通信
- 1.2 互联网中的通信
- 2.HTTP请求消息
-
- 2.1 请求消息的组成部分
- 2.2 请求行
- 2.3 请求头部
- 2.4 空行
- 2.5 请求体
- 3. HTTP 响应消息
-
- 3.1 状态行
- 3.2 响应头部
- 3.3 空行
- 3.4 响应体
- 4.HTTP请求方法
- 5. 响应状态码
-
- 5.1 响应码的分类
1.HTTP协议
1.1 通信
- 信息的传递和交换
- 通信的三要素
- 通信的主体
- 通信的内容
- 通信的方式
1.2 互联网中的通信
- 通信主体：服务器和客户端浏览器
- 通信内容：网页内容（HyperText），超文本
- 通信协议：双方完成通信所必须遵守的规则和约定（HTTP协议）
- 通信方式：
- 客户端要以HTTP协议的要求的格式把数据**提交**到服务器
- 服务器要以HTTP协议要求的格式把数据**响应**给客户端
- 图解
2.HTTP请求消息
- HTTP请求：客户端发起的请求
- HTTP请求消息（请求报文）：客户端发送的服务器的消息
2.1 请求消息的组成部分
- 图解
2.2 请求行
- 图解
- 示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="../day04/lib/jquery.js"></script>
</head>
<body>
<button id="getBtn">发起get请求</button>
<button id="postBtn">发起post请求</button>
<script>
$(function() {
// 发起get请求
$("#getBtn").on("click", function() {
// $.get("http://www.liulongbin.top:3006/api/get", {
// name: "k",
// age: 18
// }, function(res) {
// console.log(res);
// })
$.ajax({
method: 'get',
url: "http://www.liulongbin.top:3006/api/get",
data: {
name: "k"
},
success: function(res) {
console.log(res);
}
})
})
// 发起post请求
$("#postBtn").on("click", function() {
$.post("http://www.liulongbin.top:3006/api/post", {
name: "k",
age: 20
}, function() {
console.log(res);
})
})
})
</script>
</body>
</html>
- get请求的效果图
- post请求的效果图
2.3 请求头部
- 请求头部：描述客户端的基本信息
- 常见的请求头字段
| 头部字段 | 说明 |
|---|---|
| Host | 要请求的服务器名 |
| Connection | 客户端与服务器的连接方式 |
| Content-Length | 用于描述请求体的大小 |
| Accept | 客户端可识别的响应内容列表 |
| User-Agent | 客户端使用的浏览器类型 |
| Content-Type | 客户端告诉浏览器的实际发送的数据类型 |
| Accept-Encodeing | 客户端可接收的内容压缩编码形式 |
| Accept-Language | 客户端可识别的自然语言 |
- 图示
2.4 空行
- 分隔请求头部和请求体
- 表示请求头部至此结束
- 图解
2.5 请求体
- 通过**POST请求发送给服务器的数据**
- post请求的请求体
3. HTTP 响应消息
- 服务器响应给客户端的消息，响应报文
- 图解
3.1 状态行
- 由HTTP协议版本、状态码和状态码的描述文本组成
- 示例图
3.2 响应头部
- 响应头部用于描述服务器的基本信息，响应头部的键值对组成，键值对之间用冒号分隔
- 示例图
3.3 空行
- 最后一个响应头部后紧跟一个空行，表示响应头部至此结束
- 用于分隔响应头部和响应体
3.4 响应体
- 存放服务器响应给客户端的资源内容
4.HTTP请求方法
- 是HTTP协议中的一部分，用来表明要对服务器上的资源执行的操作，最常用的请求方法是GET和POST
- 图解
5. 响应状态码
- HTTP协议的一部分，用于标识响应的状态
- 图解
- 响应码的MDN文档
<HTTP 响应代码 - HTTP | MDN (mozilla.org)>
5.1 响应码的分类