Uri編碼，包括javascript前端與C#服務器端

今天看了Artwl的一片關於編碼的文章，感受寫的很是好，並且人家那博客園的樣式都比哥的好看得多，一幕瞭然，尤爲是那黑色背景的H1，媽個B了，哥太喜歡了。既然若是，就來就着它的文章跟樣式，順便來總結一下Url編碼吧。

URI編碼的方法彙總

　　javascript中的編碼有三種方法:escape、encodeURI、encodeURIComponent

　　C#中編碼的主要方法：HttpUtility.UrlEncode、Server.UrlEncode、Uri.EscapeUriString、Uri.EscapeDataString。

　　其中，Uri.EscapeUriString、Uri.EscapeDataString。是由System.Uri類提供，靜態方法。對應的解碼方法爲Uri.UnescapeDataString；

　　而Server.UrlEncode由HttpServerUtility(WebForm)類提供，在MVC中則由HttpServerUtilityBase提供。Server對象，其實WebForm開發者應該很是熟悉，既可以根據輸入網址路徑獲取服務器的絕對路徑，又可以對Uri進行編碼解碼等等一系列操做。對應的解碼方法爲Server.UrlDecode。

　　HttpUtility.UrlEncode();　　是由HttpUtility類提供的，對應的解碼方法爲HttpUtility.UrlDncode();

javascript編碼方法

 　　escape：不推薦使用。

　　緣由：eacape是BOM中的方法，只能對ASCII符號(英文)正確編碼，而encodeURI、encodeURIComponent能夠對全部的Unicode符號(中文)編碼。ECMAScript v3 反對使用該方法，應用使用 decodeURI() 和 decodeURIComponent() 替代它。

　　escape不編碼字符有69個：*，+，-，.，/，@，_，0-9，a-z，A-Z

 　  encodeURI：用於對網址編碼(不包含參數)

　　encodeURI不編碼字符有82個：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z

　　encodeURI就是爲這個而設計的。encodeURI不對URI中的特殊字符進行編碼，如冒號(:)、斜槓(/)。下面看個示例：

encodeURI("http://www.cnblogs.com/a file with spaces.html")
// outputs http://www.cnblogs.com/a%20file%20with%20spaces.html

　　能夠看到僅僅把空格替換成了20%，因此此方法可用於對網址進行編碼。

　　因爲encodeURI不對冒號(:)、斜槓(/)進行編碼，因此若是參數(如把網址做爲參數)中包含冒號(:)、斜槓(/)，就會解析出錯，因此此方法不能對參數進行編碼。

 　　encodeURIComponent:用於對網址參數進行編碼

　　encodeURIComponent不編碼字符有71個：!， '，(，)，*，-，.，_，~，0-9，a-z，A-Z

　　能夠看到此方法對:/都進行了編碼，因此不能用它來對網址進行編碼。因爲此方法對中文，空格，井號(#)，斜線(/)，冒號(:)都進行了編碼，因此適合對URI中的參數進行編碼。看下面的示例：

var param="博客園";
var url="http://www.cnblogs.com/?key="+encodeURIComponent(param)+"&page=1";
console.log(url);//outputs http://www.cnblogs.com/?key=%E5%8D%9A%E5%AE%A2%E5%9B%AD&page=1

　　能夠看到，這正是咱們想要的結果(這裏只對須要編碼的參數(page=1不須要編碼)進行了編碼)。

C#編碼方法

 Server.UrlEncode && HttpUtility.UrlEncode:不推薦

　　把這兩個放到一塊兒說是由於這兩個方法在絕大多數狀況下是同樣的。它們的區別是HttpUtility.UrlEncode默認使用UTF8格式編碼，而Server.UrlEncode是使用系統預設格式編碼，Server.UrlEncode使用系統預設編碼作爲參數調用HttpUtility.UrlEncode編碼，因此若是系統全局都用UTF8格式編碼，這兩個方法就是同樣的。

　　這兩個方法是怎麼編碼的呢，咱們來看個示例：

string url1 = "http://www.cnblogs.com/a file with spaces.html?a=1&b=博客園#abc";
Response.Write(HttpUtility.UrlEncode(url1) );

//output
http%3a%2f%2fwww.cnblogs.com%2fa+file+with+spaces.html%3fa%3d1%26b%3d%e5%8d%9a%e5%ae%a2%e5%9b%ad%23abc

　　由上面的例子咱們能夠看出，HttpUtility.UrlEncode對冒號(:)和斜槓(/)進行了編碼，因此不能用來對網址進行編碼。

　　那麼能不能對參數進行編碼呢，答案也是否認的。由於在參數中空格應該被編碼爲%20而不是被HttpUtility.UrlEncode編碼爲加號(+)，因此不推薦用這兩個方法對URI進行編碼。

 　　Uri.EscapeUriString:用於對網址編碼(不包含參數)

string url1 = "http://www.cnblogs.com/a file with spaces.html?a=1&b=博客園#abc";
Response.Write( Uri.EscapeUriString(url1));
//outputs:
http://www.cnblogs.com/a%20file%20with%20spaces.html?a=1&b=%E5%8D%9A%E5%AE%A2%E5%9B%AD#abc

　　能夠看出，Uri.EscapeUriString對空格進行了編碼，也對中文進行了編碼，但對冒號(:)、斜槓(/)和井號(#)未編碼，因此此方法能夠用於網址進行編碼，但不能對參數進行編碼，做用相似JavaScript中的encodeURI方法。

 　　Uri.EscapeDataString:用於對網址參數進行編碼

string url1 = "http://www.cnblogs.com/a file with spaces.html?a=1&b=博客園#abc";
Response.Write(Uri.EscapeDataString(url1));
//outputs:
http%3A%2F%2Fwww.cnblogs.com%2Fa%20file%20with%20spaces.html%3Fa%3D1%26b%3D%E5%8D%9A%E5%AE%A2%E5%9B%AD%23abc

　　能夠看出，Uri.EscapeDataString對冒號(:)、斜槓(/)、空格、中文、井號(#)都進行了編碼，因此此方法不能夠用於網址進行編碼，但能夠用於對參數進行編碼，做用相似JavaScript中的encodeURIComponent方法。