關(guān)于JAVASCRIPT urldecode URL解碼的問題
更新時間：2012年01月08日 22:40:46 作者：
JS要實現(xiàn)單純的編碼解碼輕而易舉，escape、unescape就搞定，但是遇到不是完整的URL轉(zhuǎn)碼，就沒辦法了
這個時候，出現(xiàn)了encodeURIComponent、decodeURIComponent，它可以完全的對URL進行編碼解碼，但是遇到例如搜索引擎用到的部分轉(zhuǎn)碼，又摸不到門了，沒問題，PHP官方出了一個解決方案：
decodeURIComponent((str + '').replace(/\+/g, '%20'));
他可以完美的對搜索引擎的地址進行解碼，因為搜索引擎只習慣對”空格“進行轉(zhuǎn)碼。忘了說還習慣對中文進行轉(zhuǎn)碼。。。
那以上所有的方案遇到中文就崩潰了，是的，我也崩潰了，即是部分編碼，又是中文。。這讓我情何以堪。。。
查了很久可以，不多說你懂的。。。
<script type="text/vbscript">
Function str2asc(strstr)
str2asc = hex(asc(strstr))
End Function
Function asc2str(ascasc)
asc2str = chr(ascasc)
End Function
</script>
<script type="text/javascript">
/*這里開始時UrlEncode和UrlDecode<a href="/?tag=%E5%87%BD%E6%95%B0" target="_blank">函數(shù)</a>*/
function UrlEncode(str){
var ret="";
var strSpecial="!\"#$%&'()*+,/:;<=>?[]^`{|}~%";
var tt= "";
for(var i=0;i<str.length;i++){
var chr = str.charAt(i);
var c=str2asc(chr);
tt += chr+":"+c+"n";
if(parseInt("0x"+c) > 0x7f){
ret+="%"+c.slice(0,2)+"%"+c.slice(-2);
}else{
if(chr==" ")
ret+="+";
else if(strSpecial.indexOf(chr)!=-1)
ret+="%"+c.toString(16);
else
ret+=chr;
}
}
return ret;
}
function UrlDecode(str){
var ret="";
for(var i=0;i<str.length;i++){
var chr = str.charAt(i);
if(chr == "+"){
ret+=" ";
}else if(chr=="%"){
var asc = str.substring(i+1,i+3);
if(parseInt("0x"+asc)>0x7f){
ret+=asc2str(parseInt("0x"+asc+str.substring(i+4,i+6)));
i+=5;
}else{
ret+=asc2str(parseInt("0x"+asc));
i+=2;
}
}else{
ret+= chr;
}
}
return ret;
}
</script>
這個呢對僅對支持VB的瀏覽器支持。。。例如FF就不支持了。。。
為什么要用到VB呢？因為str2asc、asc2str這種方法是JS不能滿足的。。。下面我模擬了兩個JS方法，貌似不是對所有中文有效。。
function str2asc(str){
return str.charCodeAt(0).toString(16);
}
function asc2str(str){
return String.fromCharCode(str);
}
復制代碼 代碼如下:
decodeURIComponent((str + '').replace(/\+/g, '%20'));
他可以完美的對搜索引擎的地址進行解碼，因為搜索引擎只習慣對”空格“進行轉(zhuǎn)碼。忘了說還習慣對中文進行轉(zhuǎn)碼。。。
那以上所有的方案遇到中文就崩潰了，是的，我也崩潰了，即是部分編碼，又是中文。。這讓我情何以堪。。。
查了很久可以，不多說你懂的。。。
復制代碼 代碼如下:
<script type="text/vbscript">
Function str2asc(strstr)
str2asc = hex(asc(strstr))
End Function
Function asc2str(ascasc)
asc2str = chr(ascasc)
End Function
</script>
<script type="text/javascript">
/*這里開始時UrlEncode和UrlDecode<a href="/?tag=%E5%87%BD%E6%95%B0" target="_blank">函數(shù)</a>*/
function UrlEncode(str){
var ret="";
var strSpecial="!\"#$%&'()*+,/:;<=>?[]^`{|}~%";
var tt= "";
for(var i=0;i<str.length;i++){
var chr = str.charAt(i);
var c=str2asc(chr);
tt += chr+":"+c+"n";
if(parseInt("0x"+c) > 0x7f){
ret+="%"+c.slice(0,2)+"%"+c.slice(-2);
}else{
if(chr==" ")
ret+="+";
else if(strSpecial.indexOf(chr)!=-1)
ret+="%"+c.toString(16);
else
ret+=chr;
}
}
return ret;
}
function UrlDecode(str){
var ret="";
for(var i=0;i<str.length;i++){
var chr = str.charAt(i);
if(chr == "+"){
ret+=" ";
}else if(chr=="%"){
var asc = str.substring(i+1,i+3);
if(parseInt("0x"+asc)>0x7f){
ret+=asc2str(parseInt("0x"+asc+str.substring(i+4,i+6)));
i+=5;
}else{
ret+=asc2str(parseInt("0x"+asc));
i+=2;
}
}else{
ret+= chr;
}
}
return ret;
}
</script>
這個呢對僅對支持VB的瀏覽器支持。。。例如FF就不支持了。。。
為什么要用到VB呢？因為str2asc、asc2str這種方法是JS不能滿足的。。。下面我模擬了兩個JS方法，貌似不是對所有中文有效。。
復制代碼 代碼如下:
function str2asc(str){
return str.charCodeAt(0).toString(16);
}
function asc2str(str){
return String.fromCharCode(str);
}
您可能感興趣的文章:
- js編碼之encodeURIComponent使用介紹(asp,php)
- JavaScript.Encode手動解碼技巧
- Javascript下的urlencode編碼解碼方法附decodeURIComponent
- javascript encodeURI和encodeURIComponent的比較
- javascript 字符 Escape,encodeURI,encodeURIComponent
- javascript htmlencode函數(shù)(ff兼容版) 主要是編輯器中反轉(zhuǎn)html代碼
- javascript HTMLEncode HTMLDecode的完整實例(兼容ie和火狐)
- escape、encodeURI 和 encodeURIComponent 的區(qū)別
- 用JavaScript實現(xiàn)UrlEncode和UrlDecode的腳本代碼
- js將網(wǎng)址轉(zhuǎn)為urlencode類型
- encode腳本和normal腳本混用的問題與解決方法
- Javascript UrlDecode函數(shù)代碼
- js中encode、decode的應用說明
相關(guān)文章
用JavaScript實現(xiàn)UrlEncode和UrlDecode的腳本代碼
用js自定義函數(shù)寫的實現(xiàn)url加密解密的實現(xiàn)代碼，需要的朋友可以參考下2008-07-07
uniapp?Android解決?APP菜單、按鈕權(quán)限控制方法
這篇文章主要介紹了uniapp?Android解決?APP菜單、按鈕權(quán)限控制方法,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-01-01
這篇文章主要介紹了Bootstrap整體框架之CSS12柵格系統(tǒng)的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
Javascript 創(chuàng)建類并動態(tài)添加屬性及方法的簡單實現(xiàn)
下面小編就為大家?guī)硪黄狫avascript 創(chuàng)建類并動態(tài)添加屬性及方法的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要為大家詳細介紹了bootstrap選項卡使用方法，包括選項卡組件和底部可以切換的選項卡面板使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
詳解JavaScript如何準確獲取任意變量的數(shù)據(jù)類型
js是弱類型語言，或者說是動態(tài)語言，在定義變量時我們可以不提前聲明變量的類型，也可以在變量聲明后賦予不同類型的值。所以本文為大家詳解一下JavaScript如何準確獲取任意變量的數(shù)據(jù)類型，需要的可以參考一下2022-06-06
本文主要介紹了原生js實現(xiàn)驗證碼功能的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
promise是每個前端人必須會接觸到的一個知識點,下面這篇文章主要給大家介紹了關(guān)于ES6中Promise、async和await面試題的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-02-02
無循環(huán) JavaScript(map、reduce、filter和find)
本文由淺入深地介紹了map、reduce、filter和find函數(shù)，如何一步一步把循環(huán)從代碼中抽離掉2017-04-04
這篇文章主要介紹了JS正則表達式學習之貪婪和非貪婪模式用法,結(jié)合實例形式總結(jié)分析了JS正則表達式中貪婪模式與非貪婪模式的具體功能、使用方法與相關(guān)注意事項,需要的朋友可以參考下2016-12-12