03（01）

客戶端代碼：

// 運行在其它服務器上
  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-使用

• 沒有請求體