URL encode/decode

閱讀時間約 2 分鐘
假如今天A網站要串B網站,網址如下, http://xxx.tsmc.com.tw/qwe?a=1&b=http://xxx.tsmc.com.tw/ghk?iu=3&re=ko&c=356
而其實http://xxx.tsmc.com.tw/ghk?iu=3&re=ko這個是完整的網址,因此B網站在取b參數的時候, 會拿到http://xxx.tsmc.com.tw/ghk?iu=3這個value,因為是根據&去拿的,&是網址中的關鍵字。
因此url encode 就是為了解決這種問題,網址中的params value 只要有可能含有關鍵字,最好都要做encode。
這樣B網站根據&去取參數的時候,就可以取到完整的資訊,再對param value 做decode 即可拿到原始值。

以javascript為例:

A網站先將含有關鍵字的param value做encode, 再去連B網站
encodeURIComponent("http://xxx.tsmc.com.tw/ghk?iu=3&re=ko");
=> http%3A%2F%2Fxxx.tsmc.com.tw%2Fghk%3Fiu%3D3%26re%3Dko
連結B網站的URL會變成:
http://xxx.tsmc.com.tw/qwe?a=1&b=http%3A%2F%2Fxxx.tsmc.com.tw%2Fghk%3Fiu%3D3%26re%3Dko&c=356
B網站根據&去取出參數,把b=的value decode,即可拿到原始的值。
decodeURIComponent("http%3A%2F%2Fxxx.tsmc.com.tw%2Fghk%3Fiu%3D3%26re%3Dko");
=> http://xxx.tsmc.com.tw/ghk?iu=3&re=ko
即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
avatar-img
21會員
161內容數
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Vic Lin的沙龍 的其他內容
建議先看過Golang 入門這篇再閱讀這篇! 使用Go官方提供的net/http library就能建立http web伺服器囉!
從PHP了解cookie/session原理
jQuery ajax & php example 第一種方式 使用application/x-www-form-urlencoded 第二種方式 使用application/json
JavaScript在ES6新增了let, const等宣告變數的方式,其中let, const是block scope的,而var則是function scope。
建議先看過Golang 入門這篇再閱讀這篇! 使用Go官方提供的net/http library就能建立http web伺服器囉!
從PHP了解cookie/session原理
jQuery ajax & php example 第一種方式 使用application/x-www-form-urlencoded 第二種方式 使用application/json
JavaScript在ES6新增了let, const等宣告變數的方式,其中let, const是block scope的,而var則是function scope。
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
URI(Uniform Resource Identifier,統一資源標示符號) 分三部分: 命名機制 主機名稱 自己的名稱 URL(Uniform Resource Locator,統一資源定位器) URL為URI的一種實現方式。分三部分: 協定 主機IP位址 資源路徑
本篇文章將介紹如何使用Lambda建立Pre-Sign URL 的簡單範例,讓讀者瞭解如何自行發揮。
Thumbnail
在API介接中使用x-www-form-urlencoded格式時,可能會遇到一些踩坑的情況,本文分享了作者在這方面遇到的問題和解決方法。
Thumbnail
之前分享過【網路請求帶參數的方式】,開發者可以透過 URL 代入參數,來向伺服器請求特定的資源,我們當然也可以擷取 URL 的內容,來做為後續開發的判斷條件,這篇就來記錄一下,網址(URL) 和域名(Domain) 是什麼,以及如何取得網址的參數吧! 我們常說的網址連結 URL 完整名稱是 U
Thumbnail
在優化 SEO 上元標籤(Meta Description) 是相當重要的一部分,但元標籤到底是什麼以及會如何影響 SEO 呢?元標籤又該怎麼做呢?一起來一探究竟吧! 元標籤(Meta Description) 是什麼? 又稱元描述或是 Meta tags,元標籤是一個 HTML 語法,它會被撰
Thumbnail
元旦日,『香港商業電台』舉行了《2022叱咤樂壇流行榜頒獎典禮》,創作歌手林家謙成為大贏家,連奪3個重要獎項(至尊歌曲大獎、叱咤樂壇男歌手金獎、叱咤樂壇唱作人金獎)。
Thumbnail
我這位 半百女子,在三年前成立了粉專 愛自己不阿雜,號召大家從生活中練習,愛自己的各種可能,例如送自己一朵花、對鏡中的人兒微笑、獨自看一場喜歡的電影,不為別人,只為自己;不擔心別人,先照顧自己,一個小行動,就算是微小的一點點都好。
狀況;緣起 在跟著教材執行To-do list清單裡面新增一筆待辦事項時,發現透過GET方法傳送表單的時候,其資料會直接顯示在網址列上,所以通常都會改用POST方法以保持資料的機密性。然而一開始當我們透過req.body這個物件來抓使用者傳送的資料前,教材有提到需要先經過bodyParser提供的方
Thumbnail
Google年初推出的Inspection API,讓我們更容易知道網站被索引的狀況。這篇文章會告訴你,我們怎麼用這支API、發現了什麼。
Thumbnail
鋼琴跟弦樂的前奏,首三個音跟《一人之境》完全吻合,《邊一個發明了Encore》在旋律和黃偉文的歌詞之中,也暗暗地帶著前作的密碼,畢竟要Encore的時候,代表你已經聽過了他的所有作品。兩個半鐘的Summer Blues過後仍覺得不夠,是我貪得無厭嗎?更大程度的,是我們的不捨,不想離開特倫斯的夢遊仙境
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Thumbnail
Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
URI(Uniform Resource Identifier,統一資源標示符號) 分三部分: 命名機制 主機名稱 自己的名稱 URL(Uniform Resource Locator,統一資源定位器) URL為URI的一種實現方式。分三部分: 協定 主機IP位址 資源路徑
本篇文章將介紹如何使用Lambda建立Pre-Sign URL 的簡單範例,讓讀者瞭解如何自行發揮。
Thumbnail
在API介接中使用x-www-form-urlencoded格式時,可能會遇到一些踩坑的情況,本文分享了作者在這方面遇到的問題和解決方法。
Thumbnail
之前分享過【網路請求帶參數的方式】,開發者可以透過 URL 代入參數,來向伺服器請求特定的資源,我們當然也可以擷取 URL 的內容,來做為後續開發的判斷條件,這篇就來記錄一下,網址(URL) 和域名(Domain) 是什麼,以及如何取得網址的參數吧! 我們常說的網址連結 URL 完整名稱是 U
Thumbnail
在優化 SEO 上元標籤(Meta Description) 是相當重要的一部分,但元標籤到底是什麼以及會如何影響 SEO 呢?元標籤又該怎麼做呢?一起來一探究竟吧! 元標籤(Meta Description) 是什麼? 又稱元描述或是 Meta tags,元標籤是一個 HTML 語法,它會被撰
Thumbnail
元旦日,『香港商業電台』舉行了《2022叱咤樂壇流行榜頒獎典禮》,創作歌手林家謙成為大贏家,連奪3個重要獎項(至尊歌曲大獎、叱咤樂壇男歌手金獎、叱咤樂壇唱作人金獎)。
Thumbnail
我這位 半百女子,在三年前成立了粉專 愛自己不阿雜,號召大家從生活中練習,愛自己的各種可能,例如送自己一朵花、對鏡中的人兒微笑、獨自看一場喜歡的電影,不為別人,只為自己;不擔心別人,先照顧自己,一個小行動,就算是微小的一點點都好。
狀況;緣起 在跟著教材執行To-do list清單裡面新增一筆待辦事項時,發現透過GET方法傳送表單的時候,其資料會直接顯示在網址列上,所以通常都會改用POST方法以保持資料的機密性。然而一開始當我們透過req.body這個物件來抓使用者傳送的資料前,教材有提到需要先經過bodyParser提供的方
Thumbnail
Google年初推出的Inspection API,讓我們更容易知道網站被索引的狀況。這篇文章會告訴你,我們怎麼用這支API、發現了什麼。
Thumbnail
鋼琴跟弦樂的前奏,首三個音跟《一人之境》完全吻合,《邊一個發明了Encore》在旋律和黃偉文的歌詞之中,也暗暗地帶著前作的密碼,畢竟要Encore的時候,代表你已經聽過了他的所有作品。兩個半鐘的Summer Blues過後仍覺得不夠,是我貪得無厭嗎?更大程度的,是我們的不捨,不想離開特倫斯的夢遊仙境