付費限定

[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 從網頁全端開發到架站一次教給你你目前無法檢視以下內容,可能因為尚未登入,或沒有該房間的查看權限。
avatar-img
9會員
49內容數
比起詳細教學單一技能,網路上或者市面上整合多項技能的教學相對少很多,但要真的完成一項專案往往不是只靠一項技能便能做到。 而且教科書式的完整教學也比較枯燥乏味,因此我想以自身的經驗為例,以全端開發各項技能中最常用到的部分進行講解,讓讀者能夠快速上手掌握全端技能。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
張哲嘉的沙龍 的其他內容
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
韻律的藍風暴年,電力鹿之月,17日,宇宙的藍猴。 今天是宇宙的藍猴,藍猴代表幻象、玩耍遊戲、魔法。 今天是一個要用輕鬆幽默的眼光來看待每件事情的日子。人生只是一場遊戲,不論輸贏,快樂就好。 常常我們會過度嚴肅的去看待事情,搞得每個牽涉其中的人都感到很緊繃並且疲倦,這樣過度的緊張感是無法讓我們展
Thumbnail
韻律的藍風暴年,電力鹿之月,16日,水晶的白狗。 今天是水晶的白狗,白狗代表忠誠、愛、心。 今天用充滿愛的心與人交流,無論任何邀約到自己眼前,只要記得一個原則,選擇自己真心想做的,不是為了討好他人、不是為了讓場面不尷尬、不是為了身外物,所有的選擇都是為了自己內心最真實的感受而下的決定。
Thumbnail
韻律的藍風暴年,電力鹿之月,15日,光譜的紅月。 今天是光譜的紅月,紅月代表流動、清理淨化提煉、宇宙之水。 今天是一個適合向水學習的日子,放下執著,學習水一樣的溫柔流動,進什麼樣的容器就成為什麼樣子,成為水的姿態,無論去哪裡只要有縫隙就一定能找到出口。
Thumbnail
韻律的藍風暴年,電力鹿之月,14日,行星的黃星星。 今天是行星的黃星星,黃星星代表藝術、美麗美化、優雅。 今年真的是很藍風暴的一年,藍風暴年跨年的時候來了個凱米颱風,現在藍風暴波符裡又來了一個山陀兒颱風,只能說今年真的是很需要能量轉化的一年,要做好心理準備,這個轉化不不會只存在外面的颱風,我們的
Thumbnail
韻律的藍風暴年,電力鹿之月,13日,太陽的藍手。 今天是太陽的藍手,藍手代表治療、知道識別、實現成就。 今天是一個什麼都不用說,埋頭苦幹就對了的日子。因為很清楚自己心裡的藍圖,也知道自己缺乏的是什麼,所以沒什麼別的,做就對了。藍手的重點就是一直不停嘗試各種各樣可能性,在不斷地調整中積極嘗試累積經
Thumbnail
突然覺得沒有每天或是固定時間寫的東西好像不太算是日記(?)因為我想發什麼就發什麼,發文講的事通常都是有些時間的事了,之後就直接以數字代表第幾篇好了哈哈 最近剛結束一份工作,我想著應該利用這段還沒找到工作的時間盡量旅遊,因為有了工作後就不能這麼肆意妄為的想去哪就去哪了。
Thumbnail
「好了!我們是要來學知識的。」雅拍了拍大腿,起身要帶嵐一起去芽依的小天地。 「哇賽~芽依好誇張!!!」 「不不不,我記得老三在新家的房間比這個還誇張。」 「他們家是怎樣啊,收集就算了,還要擺得這麼整齊。」嵐目瞪口呆的看著三面頂天的漫畫牆,雖然還有大約一半的部分沒有…
Thumbnail
男人顯然想解釋什麼,但在特勤的指示下,他根本無法張口,只得顫抖著雙手,小心翼翼的按順序打開了六個黑色包裹。裡面露出了雪白的打印紙。男人的背包中還有一些釘書機、記事本、筆之類的辦公用品。短暫的三分鐘,過山車一般的心跳加速到恢復正常,男人到離開時估計都還沒明白,為何自己帶了幾包打印紙,就會惹來這麼大的麻
看到白鬧開始在刷任務,此時正在房間觀看白鬧的黑水見此也就停止了觀看,他準備去販賣他在厄夜怪客畫的bl漫畫了,而現在距離開學還有半個月   黑水手拿著幾本他畫好的初版厄夜怪客bl漫畫傳送到一處專門販售18+漫畫的地方附近   在找裡面的人交涉一陣後,黑水也是成功的賣出了這幾本漫畫,不過黑水有複
Thumbnail
從宇宙日來看,主印記「白狗」的左邊是「黃太陽」:宇宙之火,右邊是「紅月」:宇宙之水;而從我的流日來看,主印記「紅龍」左邊是「藍猴」:遊戲與穿越幻象,右邊是「白鏡」:秩序與內觀。一火一水,一動一靜,可不就是動態平衡嗎!這讓我想到《易經》的水火既濟與水火未濟,若說萬物相生相剋,吉凶何嘗不是相生相剋呢?
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
韻律的藍風暴年,電力鹿之月,17日,宇宙的藍猴。 今天是宇宙的藍猴,藍猴代表幻象、玩耍遊戲、魔法。 今天是一個要用輕鬆幽默的眼光來看待每件事情的日子。人生只是一場遊戲,不論輸贏,快樂就好。 常常我們會過度嚴肅的去看待事情,搞得每個牽涉其中的人都感到很緊繃並且疲倦,這樣過度的緊張感是無法讓我們展
Thumbnail
韻律的藍風暴年,電力鹿之月,16日,水晶的白狗。 今天是水晶的白狗,白狗代表忠誠、愛、心。 今天用充滿愛的心與人交流,無論任何邀約到自己眼前,只要記得一個原則,選擇自己真心想做的,不是為了討好他人、不是為了讓場面不尷尬、不是為了身外物,所有的選擇都是為了自己內心最真實的感受而下的決定。
Thumbnail
韻律的藍風暴年,電力鹿之月,15日,光譜的紅月。 今天是光譜的紅月,紅月代表流動、清理淨化提煉、宇宙之水。 今天是一個適合向水學習的日子,放下執著,學習水一樣的溫柔流動,進什麼樣的容器就成為什麼樣子,成為水的姿態,無論去哪裡只要有縫隙就一定能找到出口。
Thumbnail
韻律的藍風暴年,電力鹿之月,14日,行星的黃星星。 今天是行星的黃星星,黃星星代表藝術、美麗美化、優雅。 今年真的是很藍風暴的一年,藍風暴年跨年的時候來了個凱米颱風,現在藍風暴波符裡又來了一個山陀兒颱風,只能說今年真的是很需要能量轉化的一年,要做好心理準備,這個轉化不不會只存在外面的颱風,我們的
Thumbnail
韻律的藍風暴年,電力鹿之月,13日,太陽的藍手。 今天是太陽的藍手,藍手代表治療、知道識別、實現成就。 今天是一個什麼都不用說,埋頭苦幹就對了的日子。因為很清楚自己心裡的藍圖,也知道自己缺乏的是什麼,所以沒什麼別的,做就對了。藍手的重點就是一直不停嘗試各種各樣可能性,在不斷地調整中積極嘗試累積經
Thumbnail
突然覺得沒有每天或是固定時間寫的東西好像不太算是日記(?)因為我想發什麼就發什麼,發文講的事通常都是有些時間的事了,之後就直接以數字代表第幾篇好了哈哈 最近剛結束一份工作,我想著應該利用這段還沒找到工作的時間盡量旅遊,因為有了工作後就不能這麼肆意妄為的想去哪就去哪了。
Thumbnail
「好了!我們是要來學知識的。」雅拍了拍大腿,起身要帶嵐一起去芽依的小天地。 「哇賽~芽依好誇張!!!」 「不不不,我記得老三在新家的房間比這個還誇張。」 「他們家是怎樣啊,收集就算了,還要擺得這麼整齊。」嵐目瞪口呆的看著三面頂天的漫畫牆,雖然還有大約一半的部分沒有…
Thumbnail
男人顯然想解釋什麼,但在特勤的指示下,他根本無法張口,只得顫抖著雙手,小心翼翼的按順序打開了六個黑色包裹。裡面露出了雪白的打印紙。男人的背包中還有一些釘書機、記事本、筆之類的辦公用品。短暫的三分鐘,過山車一般的心跳加速到恢復正常,男人到離開時估計都還沒明白,為何自己帶了幾包打印紙,就會惹來這麼大的麻
看到白鬧開始在刷任務,此時正在房間觀看白鬧的黑水見此也就停止了觀看,他準備去販賣他在厄夜怪客畫的bl漫畫了,而現在距離開學還有半個月   黑水手拿著幾本他畫好的初版厄夜怪客bl漫畫傳送到一處專門販售18+漫畫的地方附近   在找裡面的人交涉一陣後,黑水也是成功的賣出了這幾本漫畫,不過黑水有複
Thumbnail
從宇宙日來看,主印記「白狗」的左邊是「黃太陽」:宇宙之火,右邊是「紅月」:宇宙之水;而從我的流日來看,主印記「紅龍」左邊是「藍猴」:遊戲與穿越幻象,右邊是「白鏡」:秩序與內觀。一火一水,一動一靜,可不就是動態平衡嗎!這讓我想到《易經》的水火既濟與水火未濟,若說萬物相生相剋,吉凶何嘗不是相生相剋呢?