XMLHTTP 乱码的解决方法(UTF8,GB2312 编码 解码)


Posted in Javascript onJanuary 12, 2011

在数据发送一方,利用 javascript 的 escape 函数事先将所有中文转换成英文编码并保存(也可以用 ASP 等其它语言的函数实时转换输出)。
在数据接收一方,利用 javascript 的 unescape 函数将所有英文编码还原。
由于 Ajax 不论任何编码都能正常传送英文,所以用这种方法可以轻松解决。

--------------------------------------------------------------------------------
用XMLHTTP Post Form时的表单乱码有两方面的原因——Post表单数据时中文乱码;服务器Response被XMLHTTP不正确编码引起的乱码。换句话说,本文主要解决两个问题——怎样正确Post中文内容&怎样正确显示得到的中文内容。
Part I Post中文内容
先看看E文的表单是怎么提交的:

<SCRIPT language="JavaScript"> 
strA = "submit1=Submit&text1=scsdfsd"; 
var oReq = new ActiveXObject("MSXML2.XMLHTTP"); 
oReq.open("POST","http://ServerName/VDir/TstResult.asp",false); 
oReq.setRequestHeader("Content-Length",strA.length); 
oReq.setRequestHeader("CONTENT-TYPE","application/x-www-form-urlencoded"); 
oReq.send(strA); 
</ScRIPT>

如果把strA = "submit1=Submit&text1=scsdfsd";换成:
strA = "submit1=Submit&text1=中文";
你会发现提交上去的东东根本不对,ASP中Request.Form("Text1")根本取不到值。俺用Request.BinaryRead把一个HTML Form中的Post内容写出来看了看,才发现问题——Form提交时也要编码的,编码后的中文是类似于%??%??的转义字符,比如“中文”就被编码为:%D6%D0%CE%C4。呵呵,也怪俺笨,人家CONTENT-TYPE里明明写的清清楚楚——application/x-www-form-urlencoded,urlencoded嘛当然就是这个样子了。既然这样,那我们也知道该怎么办了——自己做转换,代码见下:
<SCRIPT language="VBScript"> 
Function URLEncoding(vstrIn) 
strReturn = "" 
For i = 1 To Len(vstrIn) 
ThisChr = Mid(vStrIn,i,1) 
If Abs(Asc(ThisChr)) < &HFF Then 
strReturn = strReturn & ThisChr 
Else 
innerCode = Asc(ThisChr) 
If innerCode < 0 Then 
innerCode = innerCode + &H10000 
End If 
Hight8 = (innerCode And &HFF00)\ &HFF 
Low8 = innerCode And &HFF 
strReturn = strReturn & "%" & Hex(Hight8) & "%" & Hex(Low8) 
End If 
Next 
URLEncoding = strReturn 
End Function 
strA = URLEncoding("submit1=Submit&text1=中文") 
oReq = CreateObject("MSXML2.XMLHTTP") 
oReq.open "POST","http://ServerName/VDir/TstResult.asp",false 
oReq.setRequestHeader "Content-Length",Len(strA) 
oReq.setRequestHeader "CONTENT-TYPE","application/x-www-form-urlencoded" 
oReq.send strA 
</SCRIPT>

(在这里俺把前面的JavaScript的代码改成了VBScript,不是吃饱了撑的没事干,原因见后)
Part II.正确显示得到的中文内容
OK,如果你在Server端把Form的内容写到数据库/文件的话,你在那里看到的中文毫无问题,但是,假如你想看看Server的Response——问题来了:如果Response的结果不是XML,XMLHTTP.responseXML里当然是不会有东东的,那就用responseText好了,在代码的最后加一句:
alert(oReq.responseText)
看看俺们辛勤劳动的结果 :P
但是但是.....怎么所有的中文全变成了方格? (我打不出来,有兴趣自己去试,也不用Post,Get一个含有中文的网页就可以发现了。)
原因很简单:XMLHTTP得到Response时假定Response是UTF8编码的,如果Response是XML,那还可以通过encoding来指定编码,但HTML就不行了。(见鬼的GB2312,再次打倒!)所以它把含GB2312编码的HTML当成UTF8格式,不出错才有鬼!
不过好在还有补救的办法:XMLHTTP的responseBody 属性里包含的可是未解码的Resonse——"a raw undecoded bytes as received directly from the server" :),唯一的问题是,responseBody返回的是一个unsigned bytes数组,我们怎么去访问它,怎么把它转换成BSTR?
这就是为什么我在上面把代码改成VBScript的原因——VBScript Can do it,but JavaScript Cannot!
代码见下:
<SCRIPT language="VBScript"> 
Function URLEncoding(vstrIn) 
strReturn = "" 
For i = 1 To Len(vstrIn) 
ThisChr = Mid(vStrIn,i,1) 
If Abs(Asc(ThisChr)) < &HFF Then 
strReturn = strReturn & ThisChr 
Else 
innerCode = Asc(ThisChr) 
If innerCode < 0 Then 
innerCode = innerCode + &H10000 
End If 
Hight8 = (innerCode And &HFF00)\ &HFF 
Low8 = innerCode And &HFF 
strReturn = strReturn & "%" & Hex(Hight8) & "%" & Hex(Low8) 
End If 
Next 
URLEncoding = strReturn 
End Function 
Function bytes2BSTR(vIn) 
strReturn = "" 
For i = 1 To LenB(vIn) 
ThisCharCode = AscB(MidB(vIn,i,1)) 
If ThisCharCode < &H80 Then 
strReturn = strReturn & Chr(ThisCharCode) 
Else 
NextCharCode = AscB(MidB(vIn,i+1,1)) 
strReturn = strReturn & Chr(CLng(ThisCharCode) * &H100 + CInt(NextCharCode)) 
i = i + 1 
End If 
Next 
bytes2BSTR = strReturn 
End Function 
strA = URLEncoding("submit1=Submit&text1=中文") 
oReq = CreateObject("MSXML2.XMLHTTP") 
oReq.open "POST","http://ServerName/VDir/TstResult.asp",false 
oReq.setRequestHeader "Content-Length",Len(strA) 
oReq.setRequestHeader "CONTENT-TYPE","application/x-www-form-urlencoded" 
oReq.send strA 
alert bytes2BSTR(oReq.responseBody) 
</SCRIPT>

----------------------------------------以上为转载-----------------------------
http://www.dhtmlx.com

Start Building Professional Ajax
Web Applications Today
最近用了 DHTMLX的tree,中文的xml居然用不了,报错,整个系统是GB2312的,而DHTMLX只支持UTF8,英文是正常的,中文就出错。

用法也很简单,是DHTMLX 演示里用的代码。

var obj=document.getElementById(oid); 
obj.style.display="block"; 
obj.focus(); 
if(obj.innerHTML!="")return; 
tree=new dhtmlXTreeObject(oid,"100%","100%",0); 
tree.setImagePath("js/imgs/csh_vista/"); 
tree.setOnClickHandler(click1); 
tree.setXMLAutoLoading("tree.asp"); 
//load first level of tree 
tree.loadXML("tree.asp?id=0");

tree.asp编码为gb2312,和整个系统一致,用response.write返回一个xml
整个系统编码改不了,只有在DHTMLX上想办法了。
查了些资料,最终解决了。

再深入一层发现是,Microsoft.XMLHTTP的原因,就查到了上面的文件。
如是就简单了,修改如下:
1. 增加一个VBScript的中文转换的函数

<script language="VBScript"> 
'处理中文 
function bin2str(bin) 
dim tmp,ustr,i 
tmp="" 
for i=1 to LenB(bin)-1 
ustr=AscB(MidB(bin,i,1)) 
if ustr>127 then 
i=i+1 
tmp=tmp&chr(ustr*256+AscB(MidB(bin,i,1))) 
else 
tmp=tmp&chr(ustr) 
end if 
next 
bin2str=tmp 
end function 
</script>

2.dhtmlxcommon.js的 getXMLTopNode处
var xmlString = this.xmlDoc.responseText;
改为
var xmlString = bin2str(this.xmlDoc.responseBody);//可以在js里直接调用VBScript脚本

3.同时 在输出xml的asp 文件开头加入
<%response.ContentType="application/xml"%>
<?xml version='1.0' encoding='GB2312'?>
当然文件也是保存为gb2312格式的。

Javascript 相关文章推荐
用js 让图片在 div或dl里 居中,底部对齐
Jan 21 Javascript
JavaScript中为什么null==0为false而null大于=0为true(个人研究)
Sep 16 Javascript
JavaScript使用HTML5的window.postMessage实现跨域通信例子
Apr 11 Javascript
JS制作手机端自适应缩放显示
Jun 11 Javascript
微信小程序 SocketIO 实例讲解
Oct 13 Javascript
浅谈JS验证表单文本域输入空格的问题
Feb 14 Javascript
利用imgareaselect辅助后台实现图片上传裁剪
Mar 02 Javascript
Bootstrap模态框插件使用详解
May 11 Javascript
View.post() 不靠谱的地方你知道多少
Aug 29 Javascript
elementui之el-tebs浏览器卡死的问题和使用报错未注册问题
Jul 06 Javascript
弱类型语言javascript开发中的一些坑实例小结【变量、函数、数组、对象、作用域等】
Aug 07 Javascript
Webpack按需加载打包chunk命名的方法
Sep 22 Javascript
奉献给JavaScript初学者的编写开发的七个细节
Jan 11 #Javascript
从盛大通行证上摘下来的身份证验证js代码
Jan 11 #Javascript
javascript 设为首页与加入收藏兼容多浏览器代码
Jan 11 #Javascript
javascript获取当前日期时间及其它操作函数
Jan 11 #Javascript
JavaScript中URL编码函数代码
Jan 11 #Javascript
Jquery跨域获得Json时invalid label错误的解决办法
Jan 11 #Javascript
JS无限树状列表实现代码
Jan 11 #Javascript
You might like
Ubuntu中搭建Nginx、PHP环境最简单的方法
2015/03/05 PHP
ThinkPHP模板Volist标签嵌套循环输出多维数组的方法
2016/03/23 PHP
zend框架实现支持sql server的操作方法
2016/12/08 PHP
php设计模式之中介者模式分析【星际争霸游戏案例】
2020/03/23 PHP
javascript 鼠标拖动图标技术
2010/02/07 Javascript
jquery如何把参数列严格转换成数组实现思路
2013/04/01 Javascript
jquery数组过滤筛选方法grep()简介
2014/06/06 Javascript
jQuery表单事件实例代码分享
2016/08/18 Javascript
浅谈js控制li标签排序问题 js调用php函数的方法
2016/10/16 Javascript
Vue实现搜索 和新闻列表功能简单范例
2018/03/16 Javascript
简单明了区分escape、encodeURI和encodeURIComponent
2018/05/26 Javascript
Vue项目数据动态过滤实践及实现思路
2018/09/11 Javascript
详解Vue前端生产环境发布配置实战篇
2019/05/07 Javascript
微信小程序入口场景的问题集合与相关解决方法
2019/06/26 Javascript
tracking.js实现前端人脸识别功能
2020/04/16 Javascript
微信小程序实现modal弹出框遮罩层组件(可带文本框)
2020/12/20 Javascript
[04:17]DOTA2完美盛典,rOtk、BurNIng携手巴图演唱《倔强》
2017/11/28 DOTA
Python中使用pprint函数进行格式化输出的教程
2015/04/07 Python
在Gnumeric下使用Python脚本操作表格的教程
2015/04/14 Python
快速了解Python中的装饰器
2018/01/11 Python
django 通过ajax完成邮箱用户注册、激活账号的方法
2018/04/17 Python
解决已经安装requests,却依然提示No module named requests问题
2018/05/18 Python
详解Python字典小结
2018/10/20 Python
django创建超级用户过程解析
2019/09/18 Python
简单了解Python write writelines区别
2020/02/27 Python
Python开发之身份证验证库id_validator验证身份证号合法性及根据身份证号返回住址年龄等信息
2020/03/20 Python
python/golang 删除链表中的元素
2020/09/14 Python
荷兰皇家航空公司官方网站:KLM Royal Dutch Airlines
2017/12/07 全球购物
Theory美国官网:后现代都市风时装品牌
2018/05/09 全球购物
服装电子商务创业计划书
2014/01/30 职场文书
消防安全汇报材料
2014/02/08 职场文书
客户经理岗位职责大全
2015/04/09 职场文书
学习焦裕禄先进事迹心得体会
2016/01/23 职场文书
mysql5.7使用binlog 恢复数据的方法
2021/06/03 MySQL
《英雄联盟》2022日蚀、月蚀皮肤演示 黑潮亚索曝光
2022/04/13 其他游戏
openstack云计算keystone组件工作介绍
2022/04/20 Servers