學期2-3 自學經驗分享: URL-encoded

閱讀時間約 2 分鐘

狀況;緣起

在跟著教材執行To-do list清單裡面新增一筆待辦事項時,發現透過GET方法傳送表單的時候,其資料會直接顯示在網址列上,所以通常都會改用POST方法以保持資料的機密性。然而一開始當我們透過req.body這個物件來抓使用者傳送的資料前,教材有提到需要先經過bodyParser提供的方法處裡URL-encoded 格式的請求,但發現好像不懂什麼是URL-encoded。

尋找與嘗試

將URL-encoded相關關鍵字透過google後,瞭解其又稱為Percent-encoding,且專門用於透過HTTP請求來提供HTML表單的資料,最常見的情形大概是當我們有時輸入資料完成後按下送出,網址頁會將我們欲連結的網誌進行編碼,其編碼方式就是URL-encoded,這也是為什麼body-parser這個中介軟體時,明明可以解析像是JSON、XML、Raw等多種格式的資料,我們最後是選擇URL-encoded。此編碼的原理簡單說是先將欲轉碼的字元透過UTF-8轉換成byte stream,接著找到對應之16進位表示法,最後再將每個byte前面新增一個百分比符號做串接,這也是為什麼通常我們送出中文的表單資料後,常常會看到很多百分比符號的原因。

分享與展望

經過這個尋找方法原因相關搜尋,會發現一開始只是要找為什麼後端透過body-parser來解析資料事是選擇URL-encoded,但其實搜尋的過程中又發現了許多問題,像什麼是編碼,什麼是text/xml、什麼是UTF-8,一份網路資源可能又會衍生出多種自己未曾聽過的名詞,這時候聚焦好在當初為什麼產生在致個問題的原因就很重要,以此次的自學經驗,其實做重要的一句話就是URL-encoded為專門用來提交HTML表單的資料,不然都會有種花了一整個下午時間,整個專案卻沒有什麼進展的挫折感。 ,但其他較為陌生的名詞對我這種非本科生而言,當然還是需要另外花時間學習的。

參考資源

avatar-img
2會員
15內容數
紀錄轉職路上的點點滴滴
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Blockcyber的沙龍 的其他內容
OBJECTIVE 除了這些技術與見識的增加,與先前學習較大的差異,會強迫自己每週撰寫ORID學習筆記,並針對每週的作業,新增至少一個教材沒有提到的功能,訓練自己查資料並內化的能力。 REFLECTIVE INTERPRETIVE DECISIONAL
Objective 這週為自己設定為禮拜六完成所有課程,同時為兩個小作品「社群名單」、「電影清單」增加至少一個教材要求以外的小功能。 Reflective Interpretive S3 - A14 : 電影清單加碼功能 (codepen.io) Decisional
電影清單:前端體驗綜合實作 Objective Reflective Interpretive Decisional
OBJECTIVE 除了這些技術與見識的增加,與先前學習較大的差異,會強迫自己每週撰寫ORID學習筆記,並針對每週的作業,新增至少一個教材沒有提到的功能,訓練自己查資料並內化的能力。 REFLECTIVE INTERPRETIVE DECISIONAL
Objective 這週為自己設定為禮拜六完成所有課程,同時為兩個小作品「社群名單」、「電影清單」增加至少一個教材要求以外的小功能。 Reflective Interpretive S3 - A14 : 電影清單加碼功能 (codepen.io) Decisional
電影清單:前端體驗綜合實作 Objective Reflective Interpretive Decisional
你可能也想看
Google News 追蹤
Thumbnail
Hi 我是 VK~ 在 8 月底寫完〈探索 AI 時代的知識革命:NotebookLM 如何顛覆學習和創作流程?〉後,有機會在 INSIDE POSSIBE 分享兩次「和 NotebookLM 協作如何改變我學習和創作」的主題,剛好最近也有在許多地方聊到關於 NotebookLM 等 AI 工具
Thumbnail
國泰CUBE App 整合外幣換匯、基金、證券等服務,提供簡便、低成本的美股定期定額投資解決方案。 5分鐘開戶、低投資門檻,幫助新手輕鬆進軍國際股市;提供人氣排行榜,讓投資人能夠掌握市場趨勢。
Thumbnail
這是張老師的第三本書,我想前二本應該也有很多朋友們都有讀過,我想絕對是受益良多,而這次在書名上就直接點出,著重在從投資的角度來切入
Thumbnail
隨著新學期的開始,許多大學生面臨職涯焦慮,如科系與未來就業方向不一致及興趣無法聚焦。本文提供有效的職涯探索建議,包括利用學校資源、參加社團及實習計畫,並強調保持成長心態的重要性,以幫助學生在職涯路上找到方向。面對不確定性,善用各類資源,讓自己更有信心迎接未來的職場挑戰。
Thumbnail
2024 年國立臺灣師範大學 EMI 教學資源中心 112-2 學期【EMI 人才與領導課程】成果簡報發表競賽第三名 🎉
當一堂課沒有學分的意義是什麼?是心態放鬆的開始,是不再翻起那本課 本的開始?還是又一次「棄保效應」的開始呢?當然,人一天只有二十四小時 ,我們不可能在每件事情上,都能無條件公平分配時間,常常我們會因輕重緩 急、個人喜惡,而有了各自不盡相同的時間規劃,而這些在成績單上,看似無 足輕重的學科,自
Thumbnail
在上一篇『Part I - 短期出遠門時』,我們提供了關於當貓奴需要出門兩三天,留下貓主子獨自在家看家時的建議,這篇則要來聊一下,如果需要出門超過三天以上時,是該請人來家裡幫忙照顧?還是要送到寵物旅館呢?
Thumbnail
Hi 我是 VK~ 在 8 月底寫完〈探索 AI 時代的知識革命:NotebookLM 如何顛覆學習和創作流程?〉後,有機會在 INSIDE POSSIBE 分享兩次「和 NotebookLM 協作如何改變我學習和創作」的主題,剛好最近也有在許多地方聊到關於 NotebookLM 等 AI 工具
Thumbnail
國泰CUBE App 整合外幣換匯、基金、證券等服務,提供簡便、低成本的美股定期定額投資解決方案。 5分鐘開戶、低投資門檻,幫助新手輕鬆進軍國際股市;提供人氣排行榜,讓投資人能夠掌握市場趨勢。
Thumbnail
這是張老師的第三本書,我想前二本應該也有很多朋友們都有讀過,我想絕對是受益良多,而這次在書名上就直接點出,著重在從投資的角度來切入
Thumbnail
隨著新學期的開始,許多大學生面臨職涯焦慮,如科系與未來就業方向不一致及興趣無法聚焦。本文提供有效的職涯探索建議,包括利用學校資源、參加社團及實習計畫,並強調保持成長心態的重要性,以幫助學生在職涯路上找到方向。面對不確定性,善用各類資源,讓自己更有信心迎接未來的職場挑戰。
Thumbnail
2024 年國立臺灣師範大學 EMI 教學資源中心 112-2 學期【EMI 人才與領導課程】成果簡報發表競賽第三名 🎉
當一堂課沒有學分的意義是什麼?是心態放鬆的開始,是不再翻起那本課 本的開始?還是又一次「棄保效應」的開始呢?當然,人一天只有二十四小時 ,我們不可能在每件事情上,都能無條件公平分配時間,常常我們會因輕重緩 急、個人喜惡,而有了各自不盡相同的時間規劃,而這些在成績單上,看似無 足輕重的學科,自
Thumbnail
在上一篇『Part I - 短期出遠門時』,我們提供了關於當貓奴需要出門兩三天,留下貓主子獨自在家看家時的建議,這篇則要來聊一下,如果需要出門超過三天以上時,是該請人來家裡幫忙照顧?還是要送到寵物旅館呢?