付費限定

[13] Compare axios, ajax, fetch

閱讀時間約 1 分鐘
接下來要講前後端怎麼溝通,最常見應該都是用 axios, ajaxfetch 來 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 從網頁全端開發到架站一次教給你你目前無法檢視以下內容,可能因為尚未登入,或沒有該房間的查看權限。
9會員
49內容數
比起詳細教學單一技能,網路上或者市面上整合多項技能的教學相對少很多,但要真的完成一項專案往往不是只靠一項技能便能做到。 而且教科書式的完整教學也比較枯燥乏味,因此我想以自身的經驗為例,以全端開發各項技能中最常用到的部分進行講解,讓讀者能夠快速上手掌握全端技能。
留言0
查看全部
發表第一個留言支持創作者!
張哲嘉的沙龍 的其他內容
Create app django 的架構是這樣的,在專案底下有 app,你的 api 會寫在 app 底下,這樣好處就是可以分門別類,不同功能寫在不同 app 內 建立 app 的指令如下 比方說我建立了一個 app 叫 app,那專案內就會多了個 app 路徑 settings.py 把這個 a
Create project 那來建立 django 專案吧 django 的專案結構長這個樣子 settings.py 是 django 專案的設定檔,之後會常常提到 urls.py 是設定路由 wsgi.py 和 asgi.py 是正式部署後端時相關的檔案 manage.py 是部署開發模式時或
Introduction 如果以 python 為後端,那最常見而且我覺得也比較穩定的框架是 django 和 flask 適合 flask 的使用場景是如果你只是簡單想要一個 py 檔可以做為一個 api 被前端呼叫使用,不想要太多其他設定,最好是兩三行 code 就建立一個後端,那就用 flas
狀態管理有點像是 cookie 或 localStorage,可是又多了更多操作可以用,讓你再切換頁面時可以使用相同的變數。 用來使用這個功能的套件叫做 vuex 以下不是狀態管理全部的功能,但是最常在用的其實就是這些 state 首先先來定義一個可以在各個網頁頁面取用的變數吧 所有的狀態管理設定
Basic config 最基本的寫法就是在 src/router/index.ts 的 routes 內設定像這樣 path 是設定路由,name 如果你沒有要用路由傳參,不寫也沒關係,component 是對應到哪個你寫的 vue 頁面 router-link 跟 <a></a> 很像,用法是像
今天來介紹 vue 的生命週期,什麼是生命週期呢?講簡單一點就是從你用瀏覽器打開網頁開始,到網頁內的元件一個一個生成,到整個完整的網頁建立的過程就叫生命週期,完整過程如下圖 是不是眼花撩亂啊?讓我簡化一下,其實主要順序就是如下圖 在加上 setup 語法糖的 script 標籤內做的事相當於在 be
Create app django 的架構是這樣的,在專案底下有 app,你的 api 會寫在 app 底下,這樣好處就是可以分門別類,不同功能寫在不同 app 內 建立 app 的指令如下 比方說我建立了一個 app 叫 app,那專案內就會多了個 app 路徑 settings.py 把這個 a
Create project 那來建立 django 專案吧 django 的專案結構長這個樣子 settings.py 是 django 專案的設定檔,之後會常常提到 urls.py 是設定路由 wsgi.py 和 asgi.py 是正式部署後端時相關的檔案 manage.py 是部署開發模式時或
Introduction 如果以 python 為後端,那最常見而且我覺得也比較穩定的框架是 django 和 flask 適合 flask 的使用場景是如果你只是簡單想要一個 py 檔可以做為一個 api 被前端呼叫使用,不想要太多其他設定,最好是兩三行 code 就建立一個後端,那就用 flas
狀態管理有點像是 cookie 或 localStorage,可是又多了更多操作可以用,讓你再切換頁面時可以使用相同的變數。 用來使用這個功能的套件叫做 vuex 以下不是狀態管理全部的功能,但是最常在用的其實就是這些 state 首先先來定義一個可以在各個網頁頁面取用的變數吧 所有的狀態管理設定
Basic config 最基本的寫法就是在 src/router/index.ts 的 routes 內設定像這樣 path 是設定路由,name 如果你沒有要用路由傳參,不寫也沒關係,component 是對應到哪個你寫的 vue 頁面 router-link 跟 <a></a> 很像,用法是像
今天來介紹 vue 的生命週期,什麼是生命週期呢?講簡單一點就是從你用瀏覽器打開網頁開始,到網頁內的元件一個一個生成,到整個完整的網頁建立的過程就叫生命週期,完整過程如下圖 是不是眼花撩亂啊?讓我簡化一下,其實主要順序就是如下圖 在加上 setup 語法糖的 script 標籤內做的事相當於在 be
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
韻律的藍風暴年,電力鹿之月,17日,宇宙的藍猴。 今天是宇宙的藍猴,藍猴代表幻象、玩耍遊戲、魔法。 今天是一個要用輕鬆幽默的眼光來看待每件事情的日子。人生只是一場遊戲,不論輸贏,快樂就好。 常常我們會過度嚴肅的去看待事情,搞得每個牽涉其中的人都感到很緊繃並且疲倦,這樣過度的緊張感是無法讓我們展
Thumbnail
韻律的藍風暴年,電力鹿之月,16日,水晶的白狗。 今天是水晶的白狗,白狗代表忠誠、愛、心。 今天用充滿愛的心與人交流,無論任何邀約到自己眼前,只要記得一個原則,選擇自己真心想做的,不是為了討好他人、不是為了讓場面不尷尬、不是為了身外物,所有的選擇都是為了自己內心最真實的感受而下的決定。
Thumbnail
韻律的藍風暴年,電力鹿之月,15日,光譜的紅月。 今天是光譜的紅月,紅月代表流動、清理淨化提煉、宇宙之水。 今天是一個適合向水學習的日子,放下執著,學習水一樣的溫柔流動,進什麼樣的容器就成為什麼樣子,成為水的姿態,無論去哪裡只要有縫隙就一定能找到出口。
Thumbnail
韻律的藍風暴年,電力鹿之月,14日,行星的黃星星。 今天是行星的黃星星,黃星星代表藝術、美麗美化、優雅。 今年真的是很藍風暴的一年,藍風暴年跨年的時候來了個凱米颱風,現在藍風暴波符裡又來了一個山陀兒颱風,只能說今年真的是很需要能量轉化的一年,要做好心理準備,這個轉化不不會只存在外面的颱風,我們的
Thumbnail
韻律的藍風暴年,電力鹿之月,13日,太陽的藍手。 今天是太陽的藍手,藍手代表治療、知道識別、實現成就。 今天是一個什麼都不用說,埋頭苦幹就對了的日子。因為很清楚自己心裡的藍圖,也知道自己缺乏的是什麼,所以沒什麼別的,做就對了。藍手的重點就是一直不停嘗試各種各樣可能性,在不斷地調整中積極嘗試累積經
Thumbnail
突然覺得沒有每天或是固定時間寫的東西好像不太算是日記(?)因為我想發什麼就發什麼,發文講的事通常都是有些時間的事了,之後就直接以數字代表第幾篇好了哈哈 最近剛結束一份工作,我想著應該利用這段還沒找到工作的時間盡量旅遊,因為有了工作後就不能這麼肆意妄為的想去哪就去哪了。
Thumbnail
「好了!我們是要來學知識的。」雅拍了拍大腿,起身要帶嵐一起去芽依的小天地。 「哇賽~芽依好誇張!!!」 「不不不,我記得老三在新家的房間比這個還誇張。」 「他們家是怎樣啊,收集就算了,還要擺得這麼整齊。」嵐目瞪口呆的看著三面頂天的漫畫牆,雖然還有大約一半的部分沒有…
Thumbnail
男人顯然想解釋什麼,但在特勤的指示下,他根本無法張口,只得顫抖著雙手,小心翼翼的按順序打開了六個黑色包裹。裡面露出了雪白的打印紙。男人的背包中還有一些釘書機、記事本、筆之類的辦公用品。短暫的三分鐘,過山車一般的心跳加速到恢復正常,男人到離開時估計都還沒明白,為何自己帶了幾包打印紙,就會惹來這麼大的麻
看到白鬧開始在刷任務,此時正在房間觀看白鬧的黑水見此也就停止了觀看,他準備去販賣他在厄夜怪客畫的bl漫畫了,而現在距離開學還有半個月   黑水手拿著幾本他畫好的初版厄夜怪客bl漫畫傳送到一處專門販售18+漫畫的地方附近   在找裡面的人交涉一陣後,黑水也是成功的賣出了這幾本漫畫,不過黑水有複
Thumbnail
從宇宙日來看,主印記「白狗」的左邊是「黃太陽」:宇宙之火,右邊是「紅月」:宇宙之水;而從我的流日來看,主印記「紅龍」左邊是「藍猴」:遊戲與穿越幻象,右邊是「白鏡」:秩序與內觀。一火一水,一動一靜,可不就是動態平衡嗎!這讓我想到《易經》的水火既濟與水火未濟,若說萬物相生相剋,吉凶何嘗不是相生相剋呢?
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
韻律的藍風暴年,電力鹿之月,17日,宇宙的藍猴。 今天是宇宙的藍猴,藍猴代表幻象、玩耍遊戲、魔法。 今天是一個要用輕鬆幽默的眼光來看待每件事情的日子。人生只是一場遊戲,不論輸贏,快樂就好。 常常我們會過度嚴肅的去看待事情,搞得每個牽涉其中的人都感到很緊繃並且疲倦,這樣過度的緊張感是無法讓我們展
Thumbnail
韻律的藍風暴年,電力鹿之月,16日,水晶的白狗。 今天是水晶的白狗,白狗代表忠誠、愛、心。 今天用充滿愛的心與人交流,無論任何邀約到自己眼前,只要記得一個原則,選擇自己真心想做的,不是為了討好他人、不是為了讓場面不尷尬、不是為了身外物,所有的選擇都是為了自己內心最真實的感受而下的決定。
Thumbnail
韻律的藍風暴年,電力鹿之月,15日,光譜的紅月。 今天是光譜的紅月,紅月代表流動、清理淨化提煉、宇宙之水。 今天是一個適合向水學習的日子,放下執著,學習水一樣的溫柔流動,進什麼樣的容器就成為什麼樣子,成為水的姿態,無論去哪裡只要有縫隙就一定能找到出口。
Thumbnail
韻律的藍風暴年,電力鹿之月,14日,行星的黃星星。 今天是行星的黃星星,黃星星代表藝術、美麗美化、優雅。 今年真的是很藍風暴的一年,藍風暴年跨年的時候來了個凱米颱風,現在藍風暴波符裡又來了一個山陀兒颱風,只能說今年真的是很需要能量轉化的一年,要做好心理準備,這個轉化不不會只存在外面的颱風,我們的
Thumbnail
韻律的藍風暴年,電力鹿之月,13日,太陽的藍手。 今天是太陽的藍手,藍手代表治療、知道識別、實現成就。 今天是一個什麼都不用說,埋頭苦幹就對了的日子。因為很清楚自己心裡的藍圖,也知道自己缺乏的是什麼,所以沒什麼別的,做就對了。藍手的重點就是一直不停嘗試各種各樣可能性,在不斷地調整中積極嘗試累積經
Thumbnail
突然覺得沒有每天或是固定時間寫的東西好像不太算是日記(?)因為我想發什麼就發什麼,發文講的事通常都是有些時間的事了,之後就直接以數字代表第幾篇好了哈哈 最近剛結束一份工作,我想著應該利用這段還沒找到工作的時間盡量旅遊,因為有了工作後就不能這麼肆意妄為的想去哪就去哪了。
Thumbnail
「好了!我們是要來學知識的。」雅拍了拍大腿,起身要帶嵐一起去芽依的小天地。 「哇賽~芽依好誇張!!!」 「不不不,我記得老三在新家的房間比這個還誇張。」 「他們家是怎樣啊,收集就算了,還要擺得這麼整齊。」嵐目瞪口呆的看著三面頂天的漫畫牆,雖然還有大約一半的部分沒有…
Thumbnail
男人顯然想解釋什麼,但在特勤的指示下,他根本無法張口,只得顫抖著雙手,小心翼翼的按順序打開了六個黑色包裹。裡面露出了雪白的打印紙。男人的背包中還有一些釘書機、記事本、筆之類的辦公用品。短暫的三分鐘,過山車一般的心跳加速到恢復正常,男人到離開時估計都還沒明白,為何自己帶了幾包打印紙,就會惹來這麼大的麻
看到白鬧開始在刷任務,此時正在房間觀看白鬧的黑水見此也就停止了觀看,他準備去販賣他在厄夜怪客畫的bl漫畫了,而現在距離開學還有半個月   黑水手拿著幾本他畫好的初版厄夜怪客bl漫畫傳送到一處專門販售18+漫畫的地方附近   在找裡面的人交涉一陣後,黑水也是成功的賣出了這幾本漫畫,不過黑水有複
Thumbnail
從宇宙日來看,主印記「白狗」的左邊是「黃太陽」:宇宙之火,右邊是「紅月」:宇宙之水;而從我的流日來看,主印記「紅龍」左邊是「藍猴」:遊戲與穿越幻象,右邊是「白鏡」:秩序與內觀。一火一水,一動一靜,可不就是動態平衡嗎!這讓我想到《易經》的水火既濟與水火未濟,若說萬物相生相剋,吉凶何嘗不是相生相剋呢?