付費限定

[13] Compare axios, ajax, fetch

張哲嘉

更新於 2024/10/06發佈於 2022/10/07閱讀時間約 1 分鐘

接下來要講前後端怎麼溝通，最常見應該都是用 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 呼叫成功或失敗，都會執行

以行動支持創作者！付費即可解鎖

本篇內容共 481 字、0 則留言，僅發佈於Vue+Django+MongoDB+Nginx 從網頁全端開發到架站一次教給你你目前無法檢視以下內容，可能因為尚未登入，或沒有該房間的查看權限。

#python

張哲嘉的沙龍Vue+Django+MongoDB+Nginx 從網頁全端開發到架站一次教給你

張哲嘉的沙龍

9會員

49內容數

比起詳細教學單一技能，網路上或者市面上整合多項技能的教學相對少很多，但要真的完成一項專案往往不是只靠一項技能便能做到。而且教科書式的完整教學也比較枯燥乏味，因此我想以自身的經驗為例，以全端開發各項技能中最常用到的部分進行講解，讓讀者能夠快速上手掌握全端技能。

留言0

查看全部

發表第一個留言支持創作者！

張哲嘉的沙龍的其他內容

[12] Django app

Create app django 的架構是這樣的，在專案底下有 app，你的 api 會寫在 app 底下，這樣好處就是可以分門別類，不同功能寫在不同 app 內建立 app 的指令如下比方說我建立了一個 app 叫 app，那專案內就會多了個 app 路徑 settings.py 把這個 a

#python

[11] Create Django project

Create project 那來建立 django 專案吧 django 的專案結構長這個樣子 settings.py 是 django 專案的設定檔，之後會常常提到 urls.py 是設定路由 wsgi.py 和 asgi.py 是正式部署後端時相關的檔案 manage.py 是部署開發模式時或

#python

[10] Django getting started

Introduction 如果以 python 為後端，那最常見而且我覺得也比較穩定的框架是 django 和 flask 適合 flask 的使用場景是如果你只是簡單想要一個 py 檔可以做為一個 api 被前端呼叫使用，不想要太多其他設定，最好是兩三行 code 就建立一個後端，那就用 flas

#python

[9] State management

狀態管理有點像是 cookie 或 localStorage，可是又多了更多操作可以用，讓你再切換頁面時可以使用相同的變數。用來使用這個功能的套件叫做 vuex 以下不是狀態管理全部的功能，但是最常在用的其實就是這些 state 首先先來定義一個可以在各個網頁頁面取用的變數吧所有的狀態管理設定

#網頁開發

[8] Vue Router

Basic config 最基本的寫法就是在 src/router/index.ts 的 routes 內設定像這樣 path 是設定路由，name 如果你沒有要用路由傳參，不寫也沒關係，component 是對應到哪個你寫的 vue 頁面 router-link 跟 <a></a> 很像，用法是像

#網頁開發