本文提供了一套JavaScript实现的Url编码与解码工具函数，旨在解决后台使用HttpUtility.UrlEncode进行UTF8编码后，前端JS无法直接解码的问题。代码详细处理了空格、特殊字符及非ASCII字符的转换逻辑，支持将字符串转换为标准的Url编码格式，并能正确还原包含中文及特殊符号的原始内容。
Url编码与解码背景
在实际开发中，常遇到后台服务端通过特定方式对数据进行编码的场景。
// 复制代码
具体实现参考以下代码示例：
HttpUtility.UrlEncode(str, System.Text.Encoding.UTF8);上述代码用于对Url参数进行编码，若前端JavaScript需要解析这段被编码的内容，则必须实现相应的解码逻辑。
对应的JavaScript处理代码如下：
// 复制代码
JavaScript编码解码实现
具体实现如下所示：
/**
/** Url编码 */
**/
ShengUtils.encode = function(unzipStr){
var zipstr="";
var strSpecial="!\"#$%&'()*+,/:;<=>?[]^`{|}~%";
var tt= "";
for(var i=0;i<unzipStr.length;i++){
var chr = unzipStr.charAt(i);
var c=ShengUtils.StringToAscii(chr);
tt += chr+":"+c+"n";
if(parseInt("0x"+c) > 0x7f){
zipstr+=encodeURI(unzipStr.substr(i,1));
}else{
if(chr==" ")
zipstr+="+";
else if(strSpecial.indexOf(chr)!=-1)
zipstr+="%"+c.toString(16);
else
zipstr+=chr;
}
}
return zipstr;
}
/**
/** Url解码 */
**/
ShengUtils.decode=function(zipStr){
var uzipStr="";
for(var i=0;i<zipStr.length;i++){
var chr = zipStr.charAt(i);
if(chr == "+"){
uzipStr+=" ";
}else if(chr=="%"){
var asc = zipStr.substring(i+1,i+3);
if(parseInt("0x"+asc)>0x7f){
uzipStr+=decodeURI("%"+asc.toString()+zipStr.substring(i+3,i+9).toString()); ;
i+=8;
}else{
uzipStr+=ShengUtils.AsciiToString(parseInt("0x"+asc));
i+=2;
}
}else{
uzipStr+= chr;
}
}
return uzipStr;
}
ShengUtils.StringToAscii=function(str){
return str.charCodeAt(0).toString(16);
}
ShengUtils.AsciiToString = function(asccode){
return String.fromCharCode(asccode);
}