JavaScript encodeURI 和encodeURIComponent
encodeURI和encodeURIComponet函數(shù)都是javascript中用來對URI進(jìn)行編碼,將相關(guān)參數(shù)轉(zhuǎn)換成UTF-8編碼格式的數(shù)據(jù)。URI在進(jìn)行定位跳轉(zhuǎn)時,參數(shù)里面的中文、日文等非ASCII編碼都會進(jìn)行編碼轉(zhuǎn)換。
這兩個函數(shù)功能上面比較接近,但是有一些區(qū)別。
encodeURI:不會進(jìn)行編碼的字符有82個 :!,#,$,&,',(,),*,+,,,-,.,/,:,;,=,?,@,_,~,0-9,a-z,A-Z
encodeURIComponent:不會進(jìn)行編碼的字符有71個:!, ',(,),*,-,.,_,~,0-9,a-z,A-Z
問題:
ajax.get ( url+'?k1'=v1+'&k2'=v2+'&k3'=v3, ... );
由于URL只進(jìn)行了encodeURI編碼,所以想提交的參數(shù)有searchWord = a+b時,變成了a b。
解決辦法:
ajax.post( url, params,....)
其中params是對象。
原因:如果參數(shù)是對象或數(shù)組時,組件庫已經(jīng)幫你進(jìn)行encodeURIComponent了。 而如果你僅僅是字符串,組件庫什么也沒做,所以到后端時就把特殊字符給過濾了。
encodeURI()用法
該方法不會對 ASCII 字母和數(shù)字進(jìn)行編碼,也不會對這些 ASCII 標(biāo)點(diǎn)符號進(jìn)行編碼: - _ . ! ~ * ' ( ) 。
該方法的目的是對 URI 進(jìn)行完整的編碼,因此對以下在 URI 中具有特殊含義的 ASCII 標(biāo)點(diǎn)符號,encodeURI() 函數(shù)是不會進(jìn)行轉(zhuǎn)義的:;/?:@&=+$,#
提示:如果 URI 組件中含有分隔符,比如 ? 和 #,則應(yīng)當(dāng)使用 encodeURIComponent() 方法分別對各組件進(jìn)行編碼。
例子:
document.write(encodeURI("http://www.w3school.com.cn")+ "<br />")
document.write(encodeURI("http://www.w3school.com.cn/My first/"))
document.write(encodeURI(",/?:@&=+$#"))
//批注:只轉(zhuǎn)換域名后面的部分,并且對,/?:@&=+$#不處理。
// http://www.w3school.com.cn
// http://www.w3school.com.cn/My%20first/
// ,/?:@&=+$#
decodeURI() 函數(shù)可對 encodeURI() 函數(shù)編碼過的 URI 進(jìn)行解碼。
encodeURIComponent()用法
該方法不會對 ASCII 字母和數(shù)字進(jìn)行編碼,也不會對這些 ASCII 標(biāo)點(diǎn)符號進(jìn)行編碼: - _ . ! ~ * ' ( ) 。
其他字符(比如 :;/?:@&=+$,# 這些用于分隔 URI 組件的標(biāo)點(diǎn)符號),都是由一個或多個十六進(jìn)制的轉(zhuǎn)義序列替換的。
提示:請注意 encodeURIComponent() 函數(shù) 與 encodeURI() 函數(shù)的區(qū)別之處,前者假定它的參數(shù)是 URI 的一部分(比如協(xié)議、主機(jī)名、路徑或查詢字符串)。因此 encodeURIComponent() 函數(shù)將轉(zhuǎn)義用于分隔 URI 各個部分的標(biāo)點(diǎn)符號。
例子:
document.write(encodeURIComponent("http://www.w3school.com.cn"))
document.write(encodeURIComponent("http://www.w3school.com.cn/p 1/"))
document.write(encodeURIComponent(",/?:@&=+$#"))
//對比
// http%3A%2F%2Fwww.w3school.com.cn
// http%3A%2F%2Fwww.w3school.com.cn%2Fp%201%2F
// %2C%2F%3F%3A%40%26%3D%2B%24%23
decodeURIComponent() 函數(shù)可對 encodeURIComponent() 函數(shù)編碼的 URI 進(jìn)行解碼。
相關(guān)文章
Javascript中this關(guān)鍵字指向問題的測試與詳解
this是Javascript中一個非常容易理解錯,進(jìn)而用錯的特性。所以下面這篇文章主要給大家介紹了關(guān)于Javascript中this關(guān)鍵字指向問題的相關(guān)資料,文中通過測試的題目考驗(yàn)大家對this的熟悉程度,需要的朋友可以參考借鑒,下面來一起看看吧。2017-08-08
解決layui 復(fù)選框等內(nèi)置控件不顯示的問題
今天小編就為大家分享一篇解決layui 復(fù)選框等內(nèi)置控件不顯示的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
JS中實(shí)現(xiàn)函數(shù)return多個返回值的實(shí)例
下面小編就為大家?guī)硪黄狫S中實(shí)現(xiàn)函數(shù)return多個返回值的實(shí)例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
javascript簡單性能問題及學(xué)習(xí)筆記
最近在看一本書:《高性能javaScript》,發(fā)現(xiàn)自己平時寫js存在很多小細(xì)節(jié)上的問題,雖然這些問題不會導(dǎo)致程序運(yùn)行出錯,但是會導(dǎo)致界面加載變慢,用戶體驗(yàn)變差,那么我們就來細(xì)細(xì)數(shù)一下應(yīng)該注意的地方吧2014-02-02
JavaScript實(shí)現(xiàn)的多種鼠標(biāo)拖放效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的多種鼠標(biāo)拖放效果,涉及JavaScript響應(yīng)鼠標(biāo)事件動態(tài)變換頁面元素屬性的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11

