03(01)

266 阅读1分钟

客户端代码:

  // 运行在其它服务器上
  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的接口怎么去请求:

06-用postman测试接口

  • 请求的方式有很多种 浏览器测试get接口
  • 使用一个工具 postman 测试接口

07-axios-介绍

  • 是一个能在NODEJS和浏览器使用的发送请求的插件
  • 愿理还是基于 xhr 对象,支持Promise方式, 支持restful规则
  • Promise 成功调用的是 then() 如果失败调用 catch()

08-axios-使用

  • 没有请求体