很多可能在轉(zhuǎn)摘過程中失真或未經(jīng)驗(yàn)證就被轉(zhuǎn)摘，真正使用時(shí)卻不行，也由此決定自己全方位試驗(yàn)一下，努力還是沒有白費(fèi)，雖然最終得出的結(jié)果是很簡(jiǎn)單的，但其過程對(duì)于一個(gè)新學(xué)AJAX的人來說，真是挺累。
歡迎您在使用過程中對(duì)新的心得一起跟帖交流，一個(gè)思想+一個(gè)思想，至少可以產(chǎn)生兩個(gè)思想。
一、在GET發(fā)送時(shí)：
方法1：在ASP服務(wù)器端用Response.charset="GB2312"界定輸出編碼給調(diào)用客戶端
此時(shí)客戶端不需要做什么轉(zhuǎn)換即可。如下兩個(gè)文件：
1、客戶端JS
復(fù)制代碼 代碼如下:
var xmlHttp;
function createXML(){
if(window.ActiveXObject){
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest){
xmlHttp=new XMLHttpRequest();
}
}
function startXml(){
createXML();
xmlHttp.onreadystatechange = handleStateChange;
var url="ajaxtext.asp?tm=1cc"+Math.random();
//var sendContents = 'theinput='+escape(theinput.value);
var regcode="2abc";
xmlHttp.open("get",url,true);
//regcode="regcode="+regcode;
//xmlHttp.setrequestheader("content-length",regcode.length); //可加可不加
//xmlHttp.setRequestHeader("Cache-Control","no-cache");
//xmlHttp.setRequestHeader('Content-type','application/x-www-form-urlencoded'); //可不加
//xmlHttp.send(null);
//xmlHttp.send("regcode="+escape(regcode));
xmlHttp.send(null);
}
function handleStateChange(){
if (xmlHttp.readyState == 4 xmlHttp.status==200){
//var divid=document.getElementById("results");
retext=xmlHttp.responseText;
alert(retext);
//if(divid.hasChildNodes()){
// divid.removeChild(divid.childNodes[0]);
//}
//var result=document.createTextNode(xmlHttp.responseText);
//divid.appendChild(result);
//document.getElementById("results").innerHTML=xmlHttp.responseText;
}
}
服務(wù)器端：
復(fù)制代碼 代碼如下:
%Response.CodePage=936%>
%Response.charset="GB2312"
dim reg
reg=Request("regcode")
Response.write "王先生·和他的朋友" '可以正確輸出。
%>
方法2：在客戶端用函數(shù)轉(zhuǎn)換(來自網(wǎng)上)。
復(fù)制代碼 代碼如下:
function gb2utf8(data){
var glbEncode = [];
gb2utf8_data = data;
execScript("gb2utf8_data = MidB(gb2utf8_data, 1)", "VBScript");
var t=escape(gb2utf8_data).replace(/%u/g,"").replace(/(.{2})(.{2})/g,"%$2%$1").replace(/%([A-Z].)%(.{2})/g,"@$1$2");
t=t.split("@");
var i=0,j=t.length,k;
while(++ij) {
k=t[i].substring(0,4);
if(!glbEncode[k]) {
gb2utf8_char = eval("0x"+k);
execScript("gb2utf8_char = Chr(gb2utf8_char)", "VBScript");
glbEncode[k]=escape(gb2utf8_char).substring(1,6);
}
t[i]=glbEncode[k]+t[i].substring(4);
}
gb2utf8_data = gb2utf8_char = null;
return unescape(t.join("%"));
}
此時(shí)如果服務(wù)器端不指明編碼，那么AJAX默認(rèn)為UTF-8，就不能在客戶端顯示，用這個(gè)函數(shù)就可以。
復(fù)制代碼 代碼如下:
retext=xmlHttp.responseText;
retext=gb2utf8(retext);
alert(retext);
3、在火狐瀏覽器下：具體請(qǐng)參考：下一篇文章
火狐比較簡(jiǎn)單，他可以支持xmlHttp.responseText;//FireFox,但為了代碼簡(jiǎn)化，建議用上面的直接做好編碼。
但如果為了通用，就按POST下面介紹的方法來做吧。
二、在POST發(fā)送時(shí)：
對(duì)于常規(guī)的中文，上述的GET方法在POST也是可以的，但網(wǎng)上有一篇文章提到了部分符號(hào)不能顯示的，比如：下一篇文章中的“test·test+test·”，（中間是間隔號(hào)）測(cè)試過了，的確在服務(wù)器端界定編碼后輸出給客戶端也不能顯示。
如果按照文中所說的，
發(fā)送端用xmlHttp.send("regcode="+escape(regcode));
然后在服務(wù)器端將接收的數(shù)據(jù)套上兩個(gè)編碼encodeURIComponent(escape(xxxxxxx))，則顯示的結(jié)果是：test%25u7A5Eest%2520test，同樣不行。另外這個(gè)思路應(yīng)是不對(duì)的，不知道這篇文章在網(wǎng)上被轉(zhuǎn)抄時(shí)是否本身就有錯(cuò)，按理在客戶端用escape編碼傳送后，在服務(wù)器端就應(yīng)該反編碼。或者REQUEST本身就有解碼的作用。不需要再二次、三次編碼。況且查了一下，escape和encodeURIComponent也無法對(duì)特殊字符編碼。
我在服務(wù)器端做了如下輸出：
復(fù)制代碼 代碼如下:
test2="test·test+test·回饋："
Response.write test2"前面是服務(wù)器直接輸出的而非接收的特殊符號(hào)“·”間隔號(hào)。后面是接收的數(shù)據(jù)（內(nèi)容與原AJAX發(fā)送的一樣，用于對(duì)比）："
也就是說直接在服務(wù)器端生成一個(gè)同樣的含特殊字符，這個(gè)服務(wù)器端文件已經(jīng)用%Response.charset="GB2312"%>定義好編碼為GB2312。但輸出的結(jié)果是，在服務(wù)器端生成的test2="test·test+test·回饋："可以正常輸出，而接收的AJAX值就不行了。
即使在客戶端用JS三個(gè)編碼參數(shù)escape()\encodeURI() \encodeURIComponent() 全部試過去，然后在服務(wù)器商反編碼再輸出，也是不行。這說明字串中的特殊符號(hào)在服務(wù)器端接收時(shí)就已經(jīng)變形了。
現(xiàn)在問題界定在編碼傳遞上了，為了說明這個(gè)問題，我又做了一個(gè)小試驗(yàn)：就是把這個(gè)字串賦值給ASP的一個(gè)變量再用ASP變量來賦值給JS，如下：
復(fù)制代碼 代碼如下:
%
para="test·test+test·/"
para=Server.urlencode(para)
%>
然后轉(zhuǎn)手給JS變量，如下：
復(fù)制代碼 代碼如下:
xmlHttp.open("POST",url,true);
var regcode="%=para%>";
xmlHttp.setRequestHeader('Content-type','application/x-www-form-urlencoded;charset=gb2312');
xmlHttp.send("regcode="+regcode);
結(jié)果正常了，這充分說明ASP的server.urlencode能完整對(duì)特殊字符編碼。而JS還是有欠缺。
那現(xiàn)在怎么辦？
在實(shí)在沒辦法的情況下，我想到了即然encodeURIComponent()可以比encode()對(duì)更多特殊字符編碼，那么不妨像多重MD5加密一樣，增加強(qiáng)化劑，于是我套用了兩個(gè)encodeURIComponent()，現(xiàn)在代碼是：
復(fù)制代碼 代碼如下:
var regcode="test·test+test·/";
xmlHttp.setRequestHeader('Content-type','application/x-www-form-urlencoded;charset=gb2312');
xmlHttp.send("regcode="+encodeURIComponent(encodeURIComponent(regcode)));
上面是客戶端的，再把服務(wù)器端改成：
復(fù)制代碼 代碼如下:
script language="javascript" runat="server">
function decodestr(str){
return decodeURIComponent(decodeURIComponent(str));
}
/script>
%
dim reg
reg=Request("regcode")
test2="test·test+test·回饋："
Response.write test2"前面是服務(wù)直接輸入的而非接收的特殊符號(hào)“·”間隔號(hào)。后面是接收的數(shù)據(jù)（內(nèi)容與原AJAX發(fā)送的一樣，用于對(duì)比）："
Response.write decodestr(reg)
%>
終于完美看到了AJAX輸出的特殊字符。間隔號(hào)和+號(hào)都出來了，
“test·test+test·/”
為了進(jìn)一步驗(yàn)證，我把下面encodeURIComponent也無法編碼的個(gè)別特殊字符全加進(jìn)來了，如下：
復(fù)制代碼 代碼如下:
var regcode="漢字開頭：! @ # $ * ( ··) = : / ; ? + 結(jié)尾，中間全是特殊字符。";
結(jié)果也正常了，太棒！
不過一般AJAX傳給服務(wù)器的數(shù)據(jù)是要應(yīng)用的，否則沒有意義，為了再進(jìn)一步驗(yàn)證數(shù)據(jù)是否一樣，我把服務(wù)器端做了小修改，如下：
復(fù)制代碼 代碼如下:
%
dim reg
reg=Request("regcode")
test2="漢字開頭：! @ # $ * ( ··) = : / ; ? + 結(jié)尾，中間全是特殊字符。"
IF test2>decodestr(reg) Then
Response.write "不同"
Else
Response.write "相同"
End IF
%>
很興奮?？蛻舳溯敵觥跋嗤保@下可以放心全面應(yīng)用了。
總結(jié)：
1、AJAX客戶端雙重套用encodeURIComponent()對(duì)POST的數(shù)據(jù)編碼。
2、服務(wù)器端對(duì)應(yīng)地用decodeURIComponent()雙重解碼即可：
script language="javascript" runat="server">
function decodestr(str){
return decodeURIComponent(decodeURIComponent(str));
}
/script>
3、在接收responseText時(shí)，不需要再反編碼了。直接：retext=xmlHttp.responseText;
4、服務(wù)器端的這行仍然不可缺：%Response.charset="GB2312"%>，一般在ASP文件中，都有%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>這行，但這行可以去掉，唯獨(dú)不能去掉%Response.charset="GB2312"%>，否則出錯(cuò)。
現(xiàn)在開始，把encodeURIComponent()/decodeURIComponent()背熟就可以。
附：以下幾個(gè)編碼方法摘自JS手冊(cè)，供參考：
escape() 方法：
采用ISO Latin字符集對(duì)指定的字符串進(jìn)行編碼。所有的空格符、標(biāo)點(diǎn)符號(hào)、特殊字符以及其他非ASCII字符都將被轉(zhuǎn)化成%xx格式的字符編碼（xx等于該字符在字符集表里面的編碼的16進(jìn)制數(shù)字）。比如，空格符對(duì)應(yīng)的編碼是%20。unescape方法與此相反。不會(huì)被此方法編碼的字符： @ * / +
注釋：可以使用 unescape() 對(duì) escape() 編碼的字符串進(jìn)行解碼。但ECMAScript v3 反對(duì)使用這種方法，應(yīng)用使用 decodeURI() 和 decodeURIComponent() 替代它。
encodeURI() 方法： ------ 注意后面一個(gè)是大小的i——“I”不是L，下面的decodeURI也不是L。
把URI字符串采用UTF-8編碼格式轉(zhuǎn)化成escape格式的字符串。不會(huì)被此方法編碼的字符：! @ # $ * ( ) = : / ; ? + '
encodeURIComponent() 方法：
把URI字符串采用UTF-8編碼格式轉(zhuǎn)化成escape格式的字符串。與encodeURI()相比，這個(gè)方法將對(duì)更多的字符進(jìn)行編碼，比如 / 等字符。所以如果字符串里面包含了URI的幾個(gè)部分的話，不能用這個(gè)方法來進(jìn)行編碼，否則 / 字符被編碼之后URL將顯示錯(cuò)誤。不會(huì)被此方法編碼的字符：! * ( )
引用內(nèi)容
因此，對(duì)于中文字符串來說，如果不希望把字符串編碼格式轉(zhuǎn)化成UTF-8格式的（比如原頁面和目標(biāo)頁面的charset是一致的時(shí)候），只需要使用escape。如果你的頁面是GB2312或者其他的編碼，而接受參數(shù)的頁面是UTF-8編碼的，就要采用encodeURI或者encodeURIComponent。
另外，encodeURI/encodeURIComponent是在javascript1.5之后引進(jìn)的，escape則在javascript1.0版本就有。
decodeURI() 函數(shù)
decodeURI() 函數(shù)可對(duì) encodeURI() 函數(shù)編碼過的 URI 進(jìn)行解碼。
script type="text/javascript">
var test1=http://www.w3school.com.cn/My first/
document.write(encodeURI(test1)+ "br />")
document.write(decodeURI(test1))
/script>
decodeURIComponent() 函數(shù)：可對(duì) encodeURIComponent() 函數(shù)編碼的 URI 進(jìn)行解碼。
unescape()：對(duì)escape解碼。
作者：非物理生命博客traindiy
您可能感興趣的文章:- jquery與ajax獲取特殊字符實(shí)例詳解
- jQuery 實(shí)現(xiàn)ajax傳入?yún)?shù)含有特殊字符的方法總結(jié)
- ajax傳送參數(shù)含有特殊字符的快速解決方法
- jquery ajax對(duì)特殊字符進(jìn)行轉(zhuǎn)義防止js注入使用示例
- Ajax傳遞特殊字符的數(shù)據(jù)如何解決
