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
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
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
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
Faker昨天真的太扯了,中國主播王多多點評的話更是精妙,分享給各位 王多多的點評 「Faker是我們的處境,他是LPL永遠繞不開的一個人和話題,所以我們特別渴望在決賽跟他相遇,去直面我們的處境。 我們曾經稱他為最高的山,最長的河,以為山海就是盡頭,可是Faker用他28歲的年齡...
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過後仍覺得不夠,是我貪得無厭嗎?更大程度的,是我們的不捨,不想離開特倫斯的夢遊仙境