JavaScript URL解码：处理空格与中文编码的解决方案

URL解码中的空格与中文编码挑战

在Web开发中，我们常遇到encodeURIComponent和decodeURIComponent方法，它们能处理标准的URL编码解码。然而，当面对搜索引擎生成的特定转码格式时，原生方法往往无法完全解析。为此，需要参考PHP官方提供的处理思路来解决这一兼容性问题。

 
decodeURIComponent((str + '').replace(/\+/g, '%20'));

该方案能完美解析搜索引擎地址，因为搜索引擎习惯将“空格”转码为加号（+）或%20。此外，还需注意搜索引擎对中文内容的转码习惯，这增加了处理的复杂性。

上述通用方案在处理包含中文的混合编码时往往会失效，导致解码失败。这种部分编码与中文混用的情况确实令人头疼，需要更针对性的解决方案。

经过大量查阅资料，最终找到了可行的处理逻辑，具体实现如下。

 
<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">函数</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>

上述使用VBScript辅助的方法仅在支持VB的浏览器中有效，例如Firefox等现代浏览器并不支持，因此存在兼容性问题。

之所以引入VB，是因为原生JS难以直接实现str2asc和asc2str这类字符转换。下面提供了一种纯JS模拟方案，虽然可能并非对所有中文编码都完美有效，但可作为替代思路。

 
function str2asc(str){
return str.charCodeAt(0).toString(16);
} 
function asc2str(str){
return String.fromCharCode(str);
}