付費限定

[13] Compare axios, ajax, fetch

張哲嘉

發佈於Vue+Django+MongoDB+Nginx 從網頁全端開發到架站一次教給你

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

接下來要講前後端怎麼溝通，最常見應該都是用 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內容數

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

留言

留言分享你的想法！

張哲嘉的沙龍的其他內容

[30] TLS/SSL for MongoDB

Obtain certificate 我們用之前提到的 Let’s Encript 來獲得憑證在 nginx/sites-available 再增加一個網站設定，然後再做個連結到 nginx/sites-enabled，設定的內容就隨便寫個 server_name 和 listen 就好了然後

#網頁開發 #投資理財

[29] 讓網站更安全，不准直接連我的網站 IP

Block direct access by ip 一旦將網站對外，就要開始面對這個險惡的世界每天遭受一堆攻擊，雖然大部分都無關痛癢，幾乎都是機器人在 scan ip 然後在發一些無意義的請求，或者亂試 api，看能不能試出來...，最好是哪麼好試啦，而且加上我們之前在 JWT 篇章講到的 prot

#網站

[28] 用 Nginx 部署 production back-end server

保護後端重要資訊在 django 專案中我們會把設定都寫在 settings.py 內，包含了 SECRET_KEY 等機密資訊，通常專案都會做版本控制上 git，但把這些機密資訊也上 git 是很不好的一件事，畢竟 github 也是曾經被駭過的，所以最好是把這些不想讓別人知道的資訊寫在另外一個

#部署 #網站

[30] TLS/SSL for MongoDB

#網頁開發 #投資理財

[29] 讓網站更安全，不准直接連我的網站 IP

#網站

[28] 用 Nginx 部署 production back-end server

#部署 #網站