ajax XMLHTTP Post Form时的表单乱码综合解决_应用技巧

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嘛当然就是这个样子了。既然这样,那我们也知道该怎么办了——自己做转换,代码见下: 

复制代码 代码如下:

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) 。看看俺们辛勤劳动的结果。
  但是但是.....怎么所有的中文全变成了方格? (我打不出来,有兴趣自己去试,也不用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)  
</SSRIPT> 

时间: 2024-12-04 17:43:46

ajax XMLHTTP Post Form时的表单乱码综合解决_应用技巧的相关文章

ajax XMLHTTP Post Form时的表单乱码综合解决

Part I Post中文内容  先看看E文的表单是怎么提交的: 复制代码 代码如下: <SCRIPT language="JavaScript">   strA = "submit1=Submit&text1=scsdfsd";   var oReq = new ActiveXObject("MSXML2.XMLHTTP");   oReq.open("POST","http://ServerN

Chrome Form多次提交表单问题的解决方法_javascript技巧

今天用chrome提交一个表单时,发现一个奇怪的问题: 复制代码 代码如下: //提交表单 document.frmOrder.action = 'http://www.abc.com/d.aspx'; document.frmOrder.method = 'POST'; document.frmOrder.target = '_blank'; document.frmOrder.submit(); 第一次提交可以,第二次提交就没有任何响应了.需要重新加载页面后才可以提交,而这个问题在Firef

.net jquery绘制自定义表单源码分享_实用技巧

前言 两年前在力控的时候就想做一个类似的功能,当时思路大家都讨论好了,诸多原因最终还是夭折了.没想到两年多后再这有重新提出要写一个绘制表单的功能.对此也是有点小激动呢?总共用时8.5天的时间基本功能也就实现了,当然再者中间也借用了网上的一些资料,公司前端也没有帮忙处理,所以样式和部分功能还没有更好地得到处理,github上出的code只有前端脚本,至于后端的处理,会在博客中体现出来. 1.工作前准备 1.1.实现的思路 思路一: (1)ueditor添加自定义按钮 (2)绘制表单(控件会触发的脚

asp.net 动态表单之数据分页_实用技巧

但是问题来了,不同科系的同学的科目是不一样的,那么我们在数据库设计的时候通常是把学生.某科成绩作为一条记录,那么这个时候我们就需要做一个行转列的逻辑处理了. 解决方法: 使用GridView来生成表单,这个实现起来会比较麻烦,如果要在列表里面显示链接就更不可能了: 生成html再输出到页面中,这个实现起来比较灵活.方便: 基本功能点: 动态生成表头: 数据进行分页: 查询数据: 对每个成绩进行超链接,查看明细:  页面代码 复制代码 代码如下: <div id="dataDiv1"

js和jq使用submit方法无法提交表单的快速解决方法_javascript技巧

昨天,在做一个表单异步提交内容的时候,遇到很奇怪的问题,submit()方法无法进行提交,每次提交都是把 当前给刷新了,网络抓包发现,每次都是 get方式去获取 当前页面,完全没有post 请求,想着以前 遇上这样的问题 都是因为 表单中 有 name 或者 id 这些命名跟submit 有冲突,但是检查了几次,始终没有发现 名字冲突,所以这个可能性被排除. 平常自己做触发按钮,基本不用a 标签,但是昨天不知道什么 问题,竟然用了 a 而且还给了 href 为空,由于这个a 的class 有多个

javascript获取form里的表单元素的示例代码_javascript技巧

//获取form对象 var form=document.getElementById('my_form'); //用户名input对象 user_name是对象的name属性 var userName=form.user_name; //用户名清空 userName.value=''; //用户密码input对象 password是对象的name属性 var password=form.password; //用户密码清空 password.value=";

Jquery基于Ajax方法自定义无刷新提交表单Form实例_AJAX相关

本文实例讲述了Jquery基于Ajax方法自定义无刷新提交表单Form的方法.分享给大家供大家参考.具体实现方法如下: Jquery的$.ajax方法可以实现ajax调用,要设置url,post,参数等. 如果要提交现有Form需要写很多代码,何不直接将Form的提交直接转移到ajax中呢. 以前的处理方法: 如Form代码如下: 复制代码 代码如下: <form id="Form1" action="action.aspx" method="pos

Jquery基于Ajax方法自定义无刷新提交表单Form实例

本文实例讲述了Jquery基于Ajax方法自定义无刷新提交表单Form的方法.分享给大家供大家参考.具体实现方法如下: Jquery的$.ajax方法可以实现ajax调用,要设置url,post,参数等. 如果要提交现有Form需要写很多代码,何不直接将Form的提交直接转移到ajax中呢. 以前的处理方法: 如Form代码如下: 复制代码 代码如下:<form id="Form1" action="action.aspx" method="post

Jquery.Form 异步提交表单的简单实例

 这篇文章主要介绍了Jquery.Form 异步提交表单的简单实例.需要的朋友可以过来参考下,希望对大家有所帮助 http://www.vaikan.com/docs/jquery.form.plugin/jquery.form.plugin.html#   1. 在你的页面里写一个表单.一个普通的表单,不需要任何特殊的标记:    代码如下: <form id="myForm" method="post" action="/Home/AjaxFor