服务器相关的基础概念
- 服务器的本质:也是一台电脑。
- 服务器的作用: 存储一个网站的文件(HTML、CSS、JS、图片、音乐.....) 提供网站的文件给用户
概念:在前端开发中,客户端特指“Web 浏览器”。
作用:将互联网世界中的 Web 资源加载、并呈现到浏览器窗口中供用户使用。
URL 地址(统一资源定位符)
服务器上的每个资源,都对应着独一无二的URL地址
客户端发请求 服务器响应
Ajax 是浏览器中的技术:用来实现客户端网页请求服务器的数据。
请求方式
| 请求方式 | 描述 |
|---|---|
| post | 向服务器新增数据 |
| get | 从服务器获取数据 |
| delete | 删除服务器上的数据 |
| put | 更新服务器上的数据(侧重于完整更新:例如更新用户的完整信息) |
| patch | 更新服务器上的数据(侧重于部分更新:例如只更新用户的手机号) |
Ajax 基础用法
axios({
method:'请求数据类型',
url:'请求地址',
params:{
//看需求
}
data:{
//适用post //看需求
}
}).then(res=>{
// then 用来指定请求成功之后的回调函数
// 形参中的 result 是请求成功之后的结果
})
接口相关的基础概念
使用 Ajax 请求数据时,被请求的 URL 地址,就叫做数据接口(简称:接口或 API 接口)。 同时,每个接口必须有对应的请求方式。例如:
www.itcbc.com:3006/api/getbook… 获取图书列表的接口(GET 请求) www.itcbc.com:3006/api/addbook 添加图书的接口(POST 请求)
| 组成部分 | 说明 |
|---|---|
| 接口名称 | 接口的名称,用来快速区分每个接口的作用。如:登录接口、添加图书接口 |
| 接口 URL | 客户端发起 Ajax 调用此接口时,请求的 URL 地址 |
| 请求方式 | 接口的请求方式,如:GET、POST、PUT、DELETE 等 |
| 请求参数 | 请求此接口时,需要发送到服务器的查询参数或请求体 |
| 返回示例 | 当接口请求成功后,服务器响应回来的数据的基本格式 |
| 返回参数说明 | 接口响应结果的详细描述 |