ajax/post/gb2312特殊字符出现乱码完美解决方法

这里提供asp环境下采用gb2312编码，通过ajax技术的post发送方法提交数据时，对于特殊字符的乱码问题给予一个完美的解决方案——即发送数据利用encodeURIComponent和escape套接的方法——本实例经过测试，完全解决ajax关于在gb2312编码下post发送特殊符号所产生的乱码问题。

完整代码如下

[javascript] view
plain copy

<script>  

var xmlhttp=getHTTPObject();  

var post="大头爸爸测试字符www.asp163.org!@#$%^&*()_+|！·#￥%……—*（）——+|§№☆★○●◎◇◆□〓↓↑←→※▲△■＃＆＠＼＾＿￣○㈡【】（）［］｛｝〗〖";  

xmlhttp.open('POST','more/file277/test.asp?random='+Math.random(), true);  

xmlhttp.setrequestheader("content-length",post.length);  

xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");  

xmlhttp.onreadystatechange=function(){  

  if (xmlhttp.readyState==4&&xmlhttp.status == 200){  

    alert(xmlhttp.responseText);  

    return true;  

  }  

}  

xmlhttp.send("act="+encodeURIComponent(escape(post)));//encodeURIComponent和escape套接的方法  

  

function getHTTPObject(){  

  if(typeof XMLHttpRequest!='undefined')  

    return new XMLHttpRequest();  

  try{  

    return new ActiveXObject("Msxml2.XMLHTTP");  

  }catch(e){  

  try{  

    return new ActiveXObject("Microsoft.XMLHTTP");  

  }catch(e){}  

  }  

  return false;  

}  

</script>  

服务端测试代码如下（以ASP为例）

[vb] view
plain copy

<%  

Response.CodePage=936  

Response.Charset="gb2312"  

Response.Write Unescape(Request("act"))  

%>  

测试结果

[plain] view
plain copy

大头爸爸测试字符www.asp163.org!@#$%^&*()_+|！·#￥%……—*（）——+|§№☆★○●◎◇◆□〓↓↑←→※▲△■＃＆＠＼＾＿￣○㈡【】（）［］｛｝〗〖  

测试结果：测试结果表明，采用本方法完全解决了asp/ajax/post/gb2312特殊字符出现乱码问题。

[javascript] view
plain copy

<script>    

var xmlhttp=getHTTPObject();    

var post="大头爸爸测试字符www.asp163.org!@#$%^&*()_+|！·#￥%……—*（）——+|§№☆★○●◎◇◆□〓↓↑←→※▲△■＃＆＠＼＾＿￣○㈡【】（）［］｛｝〗〖";    

xmlhttp.open('POST','more/file277/test.asp?random='+Math.random(), true);    

xmlhttp.setrequestheader("content-length",post.length);    

xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");    

xmlhttp.onreadystatechange=function(){    

  if (xmlhttp.readyState==4&&xmlhttp.status == 200){    

    alert(xmlhttp.responseText);    

    return true;    

  }    

}    

xmlhttp.send("act="+encodeURIComponent(escape(post)));//encodeURIComponent和escape套接的方法    

  

function getHTTPObject(){    

  if(typeof XMLHttpRequest!='undefined')    

    return new XMLHttpRequest();    

  try{    

    return new ActiveXObject("Msxml2.XMLHTTP");    

  }catch(e){    

  try{    

    return new ActiveXObject("Microsoft.XMLHTTP");    

  }catch(e){}    

  }    

  return false;    

}  

</script>  

另外在附带说明一下：

上面的方法中经测试符号“<”、“>”、“ ”（空格）、“回车换行”等符号是不被转换的，其它的符号，比如连接符(&)会转换为&；单引号(')会转换为'；双引号(")会转换为"等等。一般通过采用textarea表单来提供输入容器，因此如果提交的信息中不支持html的话——其实在一般场合是不能支持html代码的，因此要encodeURIComponent(escape(msg))无法编码的字符进行手工编码。还好这类编码字符并不多，我测试的这些字符有：<、>、空格、回车换行等。因此对这些字符需要做如下处理：

[javascript] view
plain copy

//文本: 格式化字符  

//msg是收集的textarea内容  

msg=msg.delSpace();  

msg=msg.HtmlTextEncode();  

msg=encodeURIComponent(escape(msg));  

  

//删除行末空格，删除文章结尾的空行、空格 ->写入到数据库  

function String.prototype.delSpace(){  

  var tmpstr=this;  

  tmpstr=tmpstr.replace(/( )+\r/g,'\r');//删除行末空格  

  tmpstr=tmpstr.replace(/[\r\n]+( )*[\r\n]*$/g,'');//删除文章结尾的空行、空格  

  return tmpstr;  

}  

  

//HTML部分代码转码 从TextArea写入到数据库  

function String.prototype.HtmlTextEncode(){  

  var tmpstr=this;  

  tmpstr=tmpstr.replace(/</g,"<");//替换<号  

  tmpstr=tmpstr.replace(/>/g,">");//替换>号  

  tmpstr=tmpstr.replace(/\r\n/g,"<br\/>");//替换\n  

  tmpstr=tmpstr.replace(/ /g," ");  

  return tmpstr;  

}  

测试一段代码

msg=msg.HtmlTextEncode();

msg=encodeURIComponent(escape(msg));//此行必须在上一行的下面

以上面代码测试符号<

执行完：msg=msg.HtmlTextEncode();后，msg的值为<

执行完：msg=encodeURIComponent(escape(msg)); msg的值为%2526lt%253B

在后台：Response.Write Unescape(msg)取得的值为<

存入数据库的值为：<

同理，如果在textarea框中输入

[plain] view
plain copy

a  

b  

存入数据库的值是

[html] view
plain copy

a<br/>b  

读取数据库前台显示的值是

[html] view
plain copy

a  

b  

如果按下面顺序执行，同样测试符号<

执行完：msg=encodeURIComponent(escape(msg)); msg的值为%253C

执行完：msg=msg.HtmlTextEncode();后，msg的值为%253C

在后台：Response.Write Unescape(msg)取得的值为<

存入数据库的值为：<

同理，如果在textarea框中输入

[html] view
plain copy

a  

b  

存入数据库的值是

[html] view
plain copy

a  

b  

读取数据库前台显示的值是

[html] view
plain copy

a b