學習筆記 | 什麼是網路請求(HTTP request)

閱讀時間約 2 分鐘

上一篇【瀏覽器與伺服器是如何溝通的?】有說瀏覽器和伺服器的溝通橋樑是「網路請求」,這篇就來記錄一下,我目前學習到的網路請求是什麼~

前端開發什麼時候需要網路請求?

一般常見的獲取數據、提交表單、登入驗證、串接第三方服務等等,這些都是需要透過伺服器向資料庫去提取資源的行為,就需要透過網路請求來完成。

我們可以透過「從瀏覽器輸入網址」、「從 javaScript 發送請求」、以及「使用postman」等多種方式來發送請求

發送網路請求時,需要向伺服器說明「我是誰」,「我要幹嘛」,「我要什麼資料」,經過伺服器確認並從資料庫取回相應的資料回傳


Request header 告訴伺服器「我是誰」

發送請求一定要告訴伺服器「我是誰」,因此會將「我是誰」的相關訊息,帶在Request header 資料內,header 內會包含(僅列出自己常用的,並非全部):

  • Accept:請求者可以接受什麼類型的資料回傳,伺服器根據這個資訊進行回應
  • Authorization:用來告知伺服器請求者的身分認證,通常會帶上經驗證的令牌(token)
  • Content-Type:請求者要請求的資料格式,JSON、圖片、表單...


Request method 告訴伺服器「我要執行什麼請求」

請求可以是獲取資源,也可以是提交表單,那麼根據請求目的不同,所使用的請求方法也會不同:

  • get:獲取資源(單純獲取資源,故不會帶上request body)
  • post:提交指定的資源
  • delete:刪除指定的資源
  • put/patch:變更指定的資源內容

基本上就根據 api 文件上敘述的請求方式發送請求即可~

除了 get 之外,post、delete、put 這幾個方法,會對資源內容進行變更、修改,因此需將指定的資源內容透過 request body 傳送給伺服器,告知它我要修改哪一筆資料的哪些內容

raw-image


Request body 告訴伺服器「我要給你什麼資料」

body 的內容就根據 api 文件,提交相對應的資料給伺服器就可以囉,以下方 swagger 的 API 文件為範例,data 所列出的區塊就是發送post 請求時,一定要帶上的 body 資料

如果我們要打這支 api 實作「加入購物車」功能,就需要提供 product_id 及 qty 給伺服器

raw-image

這篇就先記錄發送請求,下一篇來記錄回傳,也就是 response 的部分吧~


我是Amber,前端學習中,歡迎交流討論🧸

swagger api 文件來源:六角學院 Vue 課程 API 文件
22會員
22內容數
留言0
查看全部
發表第一個留言支持創作者!
Amber hh的沙龍 的其他內容
身為一個非本科新手工程師,對於網路知識還是有許多疑惑之處,像是我在編輯器上寫了數十行的程式碼,那它們是怎麼透過終端機的指令被運行起來,讓我可以一邊開發一邊預覽結果呢?
時間真的過得好快,從2022五月的體驗營開始,到後來的切版直播班、JS直播班,將近一年的時間,現在都要從Vue直播班畢業了!
事情是這樣發生的,由於直播班第二週和第三週的作業內容很相似,於是我就把第二週的作業資料夾「複製」了一份,作為第三週的基底,並把第三週的作業內容完成後,準備上傳到一個新建的 week3 遠端 repository ...
9 月份剛從切版直播班畢業(可以看這一篇學習紀錄),我是毫不猶豫的就參加了下一階段的 JavaScript 直播班!當然是因為不滿足於作品只能是靜態的切版頁面,還想加入更多酷酷的效果,但總是會在使用套件上卡住,對 API 的概念也不足,接資料時二二六六的,不甘於被技術受限制的自己,當然要繼續修練😤
相信大家對於 sticky 這個效果不陌生,網頁上方的導覽列、文章側邊的相關閱讀等,諸多網頁都能看見它的身影,不過這篇不是 sticky 的使用教學,而是我自己的踩雷紀錄😅💣
相信不少人在學習寫程式的過程中,光是學習知識點就已經消耗大量腦細胞,如果跟我一樣選擇自學,本身美感和創意並不充裕到可以完成一份設計稿,也不像在學校裡有一起學習的夥伴,雖然有想做side project的念頭,也會完全不曉得該如何著手吧... 那麼我是怎麼完成的呢?
身為一個非本科新手工程師,對於網路知識還是有許多疑惑之處,像是我在編輯器上寫了數十行的程式碼,那它們是怎麼透過終端機的指令被運行起來,讓我可以一邊開發一邊預覽結果呢?
時間真的過得好快,從2022五月的體驗營開始,到後來的切版直播班、JS直播班,將近一年的時間,現在都要從Vue直播班畢業了!
事情是這樣發生的,由於直播班第二週和第三週的作業內容很相似,於是我就把第二週的作業資料夾「複製」了一份,作為第三週的基底,並把第三週的作業內容完成後,準備上傳到一個新建的 week3 遠端 repository ...
9 月份剛從切版直播班畢業(可以看這一篇學習紀錄),我是毫不猶豫的就參加了下一階段的 JavaScript 直播班!當然是因為不滿足於作品只能是靜態的切版頁面,還想加入更多酷酷的效果,但總是會在使用套件上卡住,對 API 的概念也不足,接資料時二二六六的,不甘於被技術受限制的自己,當然要繼續修練😤
相信大家對於 sticky 這個效果不陌生,網頁上方的導覽列、文章側邊的相關閱讀等,諸多網頁都能看見它的身影,不過這篇不是 sticky 的使用教學,而是我自己的踩雷紀錄😅💣
相信不少人在學習寫程式的過程中,光是學習知識點就已經消耗大量腦細胞,如果跟我一樣選擇自學,本身美感和創意並不充裕到可以完成一份設計稿,也不像在學校裡有一起學習的夥伴,雖然有想做side project的念頭,也會完全不曉得該如何著手吧... 那麼我是怎麼完成的呢?
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
認識和理解霸淩和暴力,並識別到這些行為是不對的。如何應對同儕之間的欺淩或暴力,及辨識並回應成年人對兒童的虐待。每個人都有權決定誰可以以何種方式觸摸他們身體的哪些部位,辨識身體隱私部位,及如何應對讓自己感到不舒服的身體接觸。知道網路和社交媒體的安全使用,以避免使用者(包括兒童)暴露在危險之中。
Thumbnail
從《玩什麼好呢?》學直播互動意見調查,把節目話題公告在直播上,和網友一起決定(更有參與感)也會將直播畫面剪到電視節目中,讓兩個平台工具互相幫襯,接觸面可以更廣!
以前還沒經營個人賣場的時候沒想過會接觸行銷這一塊,只知道學問很多感覺很複雜,直到自己開設賣場後才知道原來行銷這麼重要欸,生意已經不好做了,如果沒有品牌行銷那真的很難經營下去。
都2022年了,你還不知道什麼是網路整合行銷嗎?!整合行銷其實非常的多元化,光是我們常聽到的便有數位廣告網路行銷、社群行銷、網紅行銷等。
Thumbnail
Web1.0是介於1990年~2004年之間那個網路開始被廣泛使用的階段,那時候大家都還在用Window2000、Windows XP等作業系統來上網,且大部分的用戶僅能查詢資料,無法發表任何評論以及互動,就像是一座圖書館或者是數以百萬份的唯讀檔資料庫一樣,只能由開發者對用戶提供資訊.
Thumbnail
透過文章,你會得到: 1.什麼是登陸頁(Landing Page)? 2.什麼是一頁式銷售頁(One Page Sales Page)? 3.為什麼詐騙廣告、電商團購都愛用? 4.登陸頁/一頁式銷售頁應該包括什麼? 5.我是個人品牌,我該怎麼用一頁式銷售頁? 6.我是中小企業,我該怎麼用登陸頁?
Thumbnail
各位聽過「數位主權」(digital sovereignty)嗎?它與「國家主權」(national sovereignty)或「網路治理」(internet governance)又有什麼關聯呢?本文嘗試來釐清與認識這些概念,因為它們與我們每個人生活上其實息息相關。  
 想知道甚麼是網路行銷?跟我一樣谷哥靠自己啦~ 其實現在網路這麼發達,所以想要知道甚麼,就上網查… 就會有很多資訊了,厲害一點的還會有影片分享   自學一段時間之後還可以去上課,遇到問題可以馬上詢問專業的老師馬上得到解答,又或者從容易入門的網路行銷相關產業,做中學~ 從日常的工作事務中去學習,以每次
Thumbnail
網路行銷公司推薦 網路資訊爆炸的數位時代,行銷模式也逐漸採用各種數位行銷手法接觸消費者,然而 Google 廣告、SEO 優化、社群行銷、內容行銷、EDM 行銷… 等行銷方式林林總總,搞得行銷人、企業主眼花撩亂。立即諮詢【黎儁廣告】,讓我們幫您打造專屬的網路行銷策略,在新的網路時代及消費市場中確實打
Thumbnail
你身邊的廣告,可信賴的黎儁 截至2019年,TWNIC臺灣網路調查報告顯示人們每天平均花7-8小時在網路上,近年來,銷售戰場也逐漸從原本的店面銷售、業務推銷轉移到網路行銷上,各企業也紛紛開始投放網路廣告,準備攻占網路銷售的大餅。網路行銷是什麼?你知道怎麼用數位行銷在網路賺錢、推廣品牌知名度嗎?讓我們
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
認識和理解霸淩和暴力,並識別到這些行為是不對的。如何應對同儕之間的欺淩或暴力,及辨識並回應成年人對兒童的虐待。每個人都有權決定誰可以以何種方式觸摸他們身體的哪些部位,辨識身體隱私部位,及如何應對讓自己感到不舒服的身體接觸。知道網路和社交媒體的安全使用,以避免使用者(包括兒童)暴露在危險之中。
Thumbnail
從《玩什麼好呢?》學直播互動意見調查,把節目話題公告在直播上,和網友一起決定(更有參與感)也會將直播畫面剪到電視節目中,讓兩個平台工具互相幫襯,接觸面可以更廣!
以前還沒經營個人賣場的時候沒想過會接觸行銷這一塊,只知道學問很多感覺很複雜,直到自己開設賣場後才知道原來行銷這麼重要欸,生意已經不好做了,如果沒有品牌行銷那真的很難經營下去。
都2022年了,你還不知道什麼是網路整合行銷嗎?!整合行銷其實非常的多元化,光是我們常聽到的便有數位廣告網路行銷、社群行銷、網紅行銷等。
Thumbnail
Web1.0是介於1990年~2004年之間那個網路開始被廣泛使用的階段,那時候大家都還在用Window2000、Windows XP等作業系統來上網,且大部分的用戶僅能查詢資料,無法發表任何評論以及互動,就像是一座圖書館或者是數以百萬份的唯讀檔資料庫一樣,只能由開發者對用戶提供資訊.
Thumbnail
透過文章,你會得到: 1.什麼是登陸頁(Landing Page)? 2.什麼是一頁式銷售頁(One Page Sales Page)? 3.為什麼詐騙廣告、電商團購都愛用? 4.登陸頁/一頁式銷售頁應該包括什麼? 5.我是個人品牌,我該怎麼用一頁式銷售頁? 6.我是中小企業,我該怎麼用登陸頁?
Thumbnail
各位聽過「數位主權」(digital sovereignty)嗎?它與「國家主權」(national sovereignty)或「網路治理」(internet governance)又有什麼關聯呢?本文嘗試來釐清與認識這些概念,因為它們與我們每個人生活上其實息息相關。  
 想知道甚麼是網路行銷?跟我一樣谷哥靠自己啦~ 其實現在網路這麼發達,所以想要知道甚麼,就上網查… 就會有很多資訊了,厲害一點的還會有影片分享   自學一段時間之後還可以去上課,遇到問題可以馬上詢問專業的老師馬上得到解答,又或者從容易入門的網路行銷相關產業,做中學~ 從日常的工作事務中去學習,以每次
Thumbnail
網路行銷公司推薦 網路資訊爆炸的數位時代,行銷模式也逐漸採用各種數位行銷手法接觸消費者,然而 Google 廣告、SEO 優化、社群行銷、內容行銷、EDM 行銷… 等行銷方式林林總總,搞得行銷人、企業主眼花撩亂。立即諮詢【黎儁廣告】,讓我們幫您打造專屬的網路行銷策略,在新的網路時代及消費市場中確實打
Thumbnail
你身邊的廣告,可信賴的黎儁 截至2019年,TWNIC臺灣網路調查報告顯示人們每天平均花7-8小時在網路上,近年來,銷售戰場也逐漸從原本的店面銷售、業務推銷轉移到網路行銷上,各企業也紛紛開始投放網路廣告,準備攻占網路銷售的大餅。網路行銷是什麼?你知道怎麼用數位行銷在網路賺錢、推廣品牌知名度嗎?讓我們