AJAX POST API 講解(筆記)


網路請求種類

get-透過axios可向伺服器取得資料

post-傳送資料給伺服器作驗證

put

delete

post網路請求文件介紹

#以下筆記摘自於六角學院-2022js工程師養成值播秋季班
#註冊-新增一個帳號

  • method: post
  • url: https://google.com.tw/signup
  • data:
    {
    email: 'example@ggg',
    password:'1111'
    }
    
  • success response:
    {
    "success": true,
    "result": {},
    "message": "帳號註冊成功"
    }
    
  • error response:
    {
    "success": false,
    "result": {},
    "message": "此帳號已被使用"
    }
    

#登入-登入一個已存在的帳號

  • method: post
  • url: https://google.com.tw/signup
  • data:
    {
    email: 'example@ggg',
    password:'1111'
    }
    
  • success response:
    {
    "success": true,
    "result": {},
    "message": "登入成功"
    }
    
  • error response:
    {
    "success": false,
    "result": {},
    "message": "此帳號不存在或帳號密碼錯誤"
    }
    

四種常見的POST請求content-type介紹

#請求資料格式: request header content-type
1.application/x-www-form-urlencoded (類似html)

<form action="index.html">
..... 
</form>

2.application/json(較常見axios預設ㄏcontent-type)
3.multipart/form-data(檔案格式:圖片.pdf.mp4..)
4.text/plain


透過 axios 實做註冊 post 網路請求

#觀察dev tool的回傳訊息


帳號註冊POST API練習用

# 帳號註冊+登入POST API練習用







你可能感興趣的文章

React-[useEffect篇]- 如何選擇一個項目並且切換畫面

React-[useEffect篇]- 如何選擇一個項目並且切換畫面

Web開發學習筆記13 —   DOM節點操作屬性與方法

Web開發學習筆記13 — DOM節點操作屬性與方法

【文件筆記】Redux 官方文件

【文件筆記】Redux 官方文件






留言討論