[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 呼叫成功或失敗，都會執行
以下內容為付費限定！以行動支持這位作者吧！
付費訂閱
分享至
成為作者繼續創作的動力吧！
比起詳細教學單一技能，網路上或者市面上整合多項技能的教學相對少很多，但要真的完成一項專案往往不是只靠一項技能便能做到。
而且教科書式的完整教學也比較枯燥乏味，因此我想以自身的經驗為例，以全端開發各項技能中最常用到的部分進行講解，讓讀者能夠快速上手掌握全端技能。
