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
為什麼會看到廣告
21會員
161內容數
留言0
查看全部
發表第一個留言支持創作者!
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
接下來第二部分我們持續討論美國總統大選如何佈局, 以及選前一週到年底的操作策略建議 分析兩位候選人政策利多/ 利空的板塊和股票
Thumbnail
🤔為什麼團長的能力是死亡筆記本? 🤔為什麼像是死亡筆記本呢? 🤨作者巧思-讓妮翁死亡合理的幾個伏筆
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
接下來第二部分我們持續討論美國總統大選如何佈局, 以及選前一週到年底的操作策略建議 分析兩位候選人政策利多/ 利空的板塊和股票
Thumbnail
🤔為什麼團長的能力是死亡筆記本? 🤔為什麼像是死亡筆記本呢? 🤨作者巧思-讓妮翁死亡合理的幾個伏筆
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過後仍覺得不夠,是我貪得無厭嗎?更大程度的,是我們的不捨,不想離開特倫斯的夢遊仙境