频道导航

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

2020-06-19 Ajax 前端之家

前端之家收集整理的这篇文章主要介绍了ajax/post/gb2312特殊字符出现乱码完美解决方法，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

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

完整代码如下

[javascript]view plaincopy 
   
 <script>
 varxmlhttp=getHTTPObject();
 varpost="大头爸爸测试字符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);
returntrue;
 }
 }
 xmlhttp.send("act="+encodeURIComponent(escape(post)));//encodeURIComponent和escape套接的方法
 
functiongetHTTPObject(){
if(typeofXMLHttpRequest!='undefined')
newXMLHttpRequest();
try{
newActiveXObject("Msxml2.XMLHTTP");
 }catch(e){
try{
newActiveXObject("Microsoft.XMLHTTP");
 }catch(e){}
false;
 </script>

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

[vb]copy 
   

<%

Response.CodePage=936
Response.Charset="gb2312"
Response.WriteUnescape(Request("act"))
%>

测试结果

[plain]copy 
   

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

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

copy 
    
   

</script>

另外在附带说明一下：

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

copy 
    
   

//文本:格式化字符

//msg是收集的textarea内容
msg=msg.delSpace();
msg=msg.HtmlTextEncode();
msg=encodeURIComponent(escape(msg));
//删除行末空格，删除文章结尾的空行、空格->写入到数据库
functionString.prototype.delSpace(){
vartmpstr=this;
tmpstr=tmpstr.replace(/()+\r/g,'\r');//删除行末空格
tmpstr=tmpstr.replace(/[\r\n]+()*[\r\n]*$/g,'');//删除文章结尾的空行、空格
returntmpstr;
//HTML部分代码转码从TextArea写入到数据库
functionString.prototype.HtmlTextEncode(){
tmpstr=tmpstr.replace(/</g,"<");//替换<号
tmpstr=tmpstr.replace(/>/g,">");//替换>号
tmpstr=tmpstr.replace(/\r\n/g,"<br\/>");//替换\n
tmpstr=tmpstr.replace(//g,"");
}

测试一段代码

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

以上面代码测试符号<

执行完：msg=msg.HtmlTextEncode();后，msg的值为<
执行完：msg=encodeURIComponent(escape(msg)); msg的值为%2526lt%253B
在后台：Response.Write Unescape(msg)取得的值为<
存入数据库的值为：<

同理，如果在textarea框中输入

copy 
    
   

a

b

存入数据库的值是

[html]copy 
   

@H_744_502@ a<br/>b

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

copy 
    
   

b

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

执行完：msg=encodeURIComponent(escape(msg)); msg的值为%253C
执行完：msg=msg.HtmlTextEncode();后，msg的值为%253C
在后台：Response.Write Unescape(msg)取得的值为<
存入数据库的值为：<

同理，如果在textarea框中输入

copy 
    
   

b

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

copy 
    
   

ab

上一篇：ajax 做登录实现页面免刷新下一篇：Ajax重构

猜你在找的Ajax相关文章

网页的异步请求（Ajax）

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求兼容性问题利用iframe模拟ajax 实现表...

作者：前端之家时间：2021-01-14

手动实现AJAX

AJAX 每日更新前端基础，如果觉得不错，点个star吧 😃 https://github.com/Win...

作者：前端之家时间：2020-12-19

axios异步提交表单数据的不同形式

踩坑Axios提交form表单几种格式前后端分离的开发前后端, 前端使用的vue,后端的安全模块使...

作者：前端之家时间：2020-12-12

php的ajax简单实例

很早就听闻ajax的名声，但是却一直不知道怎么用，今天自己捣鼓了一下，竟然会用了，哈哈哈...

作者：前端之家时间：2020-11-11

Json与Ajax(注册实例）

需要在服务器上进行哈 jquery的ajax方法： // jquery请求 $.ajax({ url: "./serv...

作者：前端之家时间：2020-11-07

jSon和Ajax登录功能，ajax数据交互案例

ajax实例，检测用户与注册检测用户名是否被占用：在用户填写完用户名之后，ajax会异步向...

作者：前端之家时间：2020-11-07

关于AjaxControlToolkit的样式问题

网(LieHuo.Net)教程技术文章一直都是转载的,从来没有自创过.终于遇到AjaxControlToolkit,...

作者：前端之家时间：2020-11-04

一个简单的AJAX实现(HELLO AJAX)

客户端部分： <html> <head> <meta http-equiv="Content-Type" ...

作者：前端之家时间：2020-11-04

AJAX中文乱码的两类问题及解决之策

1）发送路径中的参数有中文，在服务器段接收参数值是乱码例如： var url=”a.jsp?na...

作者：前端之家时间：2020-11-04

实例：AJAX返回xml代码如何在网页中显示

建站学院（LieHuo.Net）文档今天来学习一篇实例代码教程：AJAX返回xml代码如何在网页中显...

作者：前端之家时间：2020-11-04

最新文章