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函数使用技巧之 setTimeout(function(){},0)
Feb 09 Javascript
jquery全选/全不选/反选另一种实现方法(配合原生js)
Apr 07 Javascript
javascript解决innerText浏览器兼容问题思路代码
May 17 Javascript
jscript读写二进制文件的方法
Apr 22 Javascript
浅谈javascript中的DOM方法
Jul 16 Javascript
JavaScript中this的9种应用场景及三种复合应用场景
Sep 12 Javascript
基于Turn.js 实现翻书效果实例解析
Jun 20 Javascript
AngularJS中$watch和$timeout的使用示例
Sep 20 Javascript
jquery.masonry瀑布流效果
May 25 jQuery
js前端导出Excel的方法
Nov 01 Javascript
加快Vue项目的开发速度的方法
Dec 12 Javascript
jQuery AJAX与jQuery事件的分析讲解
Feb 18 jQuery
奉献给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
常用的PHP数据库操作方法(MYSQL版)
2011/06/08 PHP
php可生成缩略图的文件上传类实例
2014/12/17 PHP
php相对当前文件include其它文件的方法
2015/03/13 PHP
php读取文件内容到数组的方法
2015/03/16 PHP
PHP基于imagick扩展实现合成图片的两种方法【附imagick扩展下载】
2017/11/14 PHP
php封装的pdo数据库操作工具类与用法示例
2019/05/08 PHP
ExtJs 3.1 XmlTreeLoader Example Error
2010/02/09 Javascript
dwz 如何去掉ajaxloading具体代码
2013/05/22 Javascript
让jQuery Mobile不显示讨厌loading界面的方法
2014/02/19 Javascript
详谈javascript中的cookie
2015/06/03 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
2016/06/07 Javascript
JS DOMReady事件的六种实现方法总结
2016/11/23 Javascript
解析JavaScript模仿块级作用域
2016/12/29 Javascript
使用JavaScript判断用户输入的是否为正整数(两种方法)
2017/02/05 Javascript
js实现延迟加载的几种方法
2017/04/24 Javascript
Koa2微信公众号开发之本地开发调试环境搭建
2018/05/16 Javascript
vue 实现数字滚动增加效果的实例代码
2018/07/06 Javascript
layer提示框添加多个按钮选择的实例
2019/09/12 Javascript
VUEX 数据持久化,刷新后重新获取的例子
2019/11/12 Javascript
JavaScript实现省市区三级联动
2020/02/13 Javascript
JS如何寻找数组中心索引过程解析
2020/06/01 Javascript
[33:23]Secret vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[04:09]2018年度DOTA2社区贡献奖-完美盛典
2018/12/16 DOTA
python如何使用socketserver模块实现并发聊天
2019/12/14 Python
使用anaconda安装pytorch的实现步骤
2020/09/03 Python
欧洲第一的摇滚和金属乐队服装网站:EMP
2017/10/26 全球购物
华为智利官方商店:Huawei Chile
2020/05/09 全球购物
澳大利亚网上书店:QBD
2021/01/09 全球购物
童装店创业计划书
2014/01/09 职场文书
生日邀请函范文
2014/01/13 职场文书
职业生涯规划书结束语
2014/04/15 职场文书
主题实践活动总结
2014/05/08 职场文书
大学生学年个人总结
2015/02/15 职场文书
Java常用函数式接口总结
2021/06/29 Java/Android
MySQL的存储函数与存储过程的区别解析
2022/04/08 MySQL
数据设计之权限的实现
2022/08/05 MySQL