[13] Compare axios, ajax, fetch
接下來要講前後端怎麼溝通，最常見應該都是用 axios, ajax 或 fetch 來 call api。先講結論，個人推薦使用 axios，那他們又有什麼優缺點呢？讓我簡單講解一下
ajax
ajax 用法有點麻煩，要先引入 jQuery，用法如下
ajax 比起 axios 較為笨重也較不安全
fetch
fetch 是為了取代 ajax，用法如下
call 完 api 需要先將 response 用 .json 轉換成 json 格式，然後再用下一個 then 取用 data，我是覺得有點囉唆
axios
axios 是以上幾種方法中最新的方法，輕量、快速、安全，語法也最簡單
installation 我們使用 pnpm 來安裝
pnpm install axios
用法 舉個例子
- then 是如果這支 api 呼叫成功，接下來要做什麼事
- catch 是如果這支 api 呼叫失敗，接下來要做什麼事
- finally 是如果不論這支 api 呼叫成功或失敗，都會執行
pnpm install axios 舉個例子
- then 是如果這支 api 呼叫成功，接下來要做什麼事
- catch 是如果這支 api 呼叫失敗，接下來要做什麼事
- finally 是如果不論這支 api 呼叫成功或失敗，都會執行
以下內容為付費限定！以行動支持這位作者吧！
付費訂閱
分享至
成為作者繼續創作的動力吧！
作者的相關文章
張哲嘉的沙龍 的其他內容
- [12] Django app
- [11] Create Django project
- [10] Django getting started
- [9] State management
- [8] Vue Router
- [7] Vue: Life cycle
你可能也想看
- 🔔 叮咚～時代的眼淚：投稿懷舊主題，vocus 送你經典「偉士牌樂高」！
- 為什麼選擇美股？從入門策略到如何突破理財門檻 with 國泰世華CUBE App
- 後端框架與API 開發(6-1) - Web API
- 回不去惹，用 await-to-js 讓你的 Promise 操作簡潔又俐落！
- xhr/fetch/axios串api
- ※ 認識非同步概念(五)
- ※ 後端面試考古題(二)
- 正向代理 & 反向代理
- 在跨網域存取(CORS)迷霧中的錯覺與啟示
- 【套件筆記 - JS】頁碼 Pagination.js
- 學習筆記 | 什麼是 API ?
- 前端 為何要用POST而非GET
發表回應
成為會員 後即可發表留言
© 2024 vocus All rights reserved.