客户端代码:
// 运行在其它服务器上
const xhr = new XMLHttpRequest()
xhr.open('get', 'http://localhost:4000/')
xhr.send(null)
xhr.onload = function () {
console.log(xhr.responseText)
}
05-restful接口规则介绍
- 是一个接口定义规范
- 请求方式:get post put delete patch
- get 拉取资源
- post 添加操作
- put 做修改 全部修改
- patch 做修改 局部修改
- delete 删除操作
以上规则体现 通过请求方式就可以判断操作类型
- 进行路径传参 path 传参 路径标识符传参
- 例如: user?id=10 url参数 user/10 路径传参
梳理启动的json-server的接口怎么去请求:
- 所有品牌数据 get http://localhost:3000/brands
- 获取一个品牌数据 get http://localhost:3000/brands/1
- 添加品牌 post http://localhost:3000/brands
- 修改品牌 put http://localhost:3000/brands/1
- 删除品牌 delete http://localhost:3000/brands/1
06-用postman测试接口
- 请求的方式有很多种 浏览器测试get接口
- 使用一个工具 postman 测试接口
07-axios-介绍
- 是一个能在NODEJS和浏览器使用的发送请求的插件
- 愿理还是基于 xhr 对象,支持Promise方式, 支持restful规则
- Promise 成功调用的是 then() 如果失败调用 catch()
08-axios-使用
- 没有请求体