iT邦幫忙

2021 iThome 鐵人賽

DAY 16
0
自我挑戰組

30天小老闆系列(1)--線上排班小工具系列 第 16

DAY16 服務室--JSON Server RESTful API簡單用

  • 分享至 

  • xImage
  •  

RESTful API操作資料的幾種方法

我們先使用前天的假資料如下:

{
  "posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
  ],
  "comments": [
    { "id": 1, "body": "some comment", "postId": 1 }
  ],
  "profile": { "name": "typicode" }
}

假設我們的虛擬資料庫網址是本地端的http://localhost:3000
接下來要如何使用呢?

  • GET:取得資料
    如果我們想取得位於 dataposts 的資料怎麼操作呢?
// GET    {資料庫網址}/{data名稱}
GET    http://localhost:3000/posts
  • DELETE:刪除資料
    如果我們想刪除位於 dataposts 的第一筆資料怎麼操作呢?
// DELETE    {資料庫網址}/{data名稱}/{物件ID}
DELETE    http://localhost:3000/posts/1
  • POST:新增資料
  • PUT:修改資料 (完整)
  • PATCH:修改資料 (局部)

常見的HTTP狀態碼

我們在瀏覽網頁的時候,可以使用chrome的檢查工具,來看看伺服器呼叫的狀況
可以在網頁按右鍵,選擇檢查,然後選擇Network,就可以看到各個資料的 status 囉,如圖:
https://ithelp.ithome.com.tw/upload/images/20210916/20136833pPkIkpzrV1.jpg

常見的狀態碼大概是這些:

  • 200:伺服器成功返回網頁

  • 404:網頁不存在

  • 503:伺服器超時

  • 1XX:是臨時響應,可能需要請求者執行一些操作。

  • 2XX:是成功囉,好棒棒!

  • 3XX:通常是伺服器有換位置或者資料有更動,需要轉換到另外的位置

  • 4XX:跳錯了,沒找到或是沒授權之類的

  • 5XX:伺服器端出錯了,無法完成請求


上一篇
DAY15 服務室--JSON Server自己開
下一篇
DAY17 服務室--JSON Server 部屬
系列文
30天小老闆系列(1)--線上排班小工具30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言