ajax亂碼解決方法

用過AJAX的朋友肯定知道javascript是使用UTF-8國際編碼,即每個漢字用4個字節來存儲,但是這就造成了用AJAX來send數據的時候出現亂碼。

有一種解決辦法就是使用encodeURIComponent加上修改 Content-Type 爲 application/x-www-form-urlencoded" 來把數據統一編碼成 url 格式,當然,也可以指定編碼,如:“application/x-www-form-urlencoded; charset=utf-8 ”,例子:http_request = new ActiveXObject("Msxml2.XMLHTTP"); http_request.setrequestheader("content-type","application/x-www-form-urlencoded; charset=utf-8");
另一種方法就是通過vbscript 的寫的函數把數據轉成gb2312格式的,我個人覺得這種方法比較好。有興趣的朋友可以到網上去查一下。

也可以在js發送數據之前用escape函數把data轉換爲16進制的字符串,用js讀取數據的時候再用unescape轉換回來就ok了。

今天突發奇想,AJAX調用的時候會不會發送cookie 呢?馬上寫了一個程序測試一下,果然能,這樣就可以在調用ajax之前,先把數據通過javascript寫到cookie裏,然後再send就可以將cookie裏的數據發送出去了,太爽了!!

www.php100.com

客戶端代碼 ajax.htm

以下爲引用的內容:
<title>AJAX使用cookie傳值例子</title>
<script>
var oDiv
var xh
function getXML()
{
setcookie($('name').value,$('val').value);
oDiv = document.all.m
oDiv.innerHTML = "正在裝載,請稍侯......."
oDiv.style.display= ""
xh = new ActiveXObject("Microsoft.XMLHTTP")
xh.onreadystatechange = getReady
xh.open("POST","a.php",false)
xh.send();
}

function getReady()
{
if(xh.readyState==4)
{
if(xh.status==200)

www.php100.com

{
oDiv.innerHTML = "完成"
}
else
{
oDiv.innerHTML = "抱歉,裝載數據失敗。原因:" + xh.statusText
}
}
} //author : PHP100中文網 www.php100.com

function setcookie(name,value)
{
var cookiestr=name+"="+value+";";
var expires = "";
var cookieexp=60*60*1000;
var d = new Date();
d.setTime( d.getTime() + cookieexp);
expires = "expires=" + d.toGMTString()+";";
document.cookie = cookiestr+ expires;
}
function $(a)
{
return document.getElementById(a);
}
</script>

<body>
AJAX使用cookie傳值例子:<br/>
<form name=myform>
name:<input id=name value="變量名甚至可以是中文" size=20><br/>
value:<input type=text size=20 id=val value=這裏><br/>
<input οnclick="getXML()" type="button" value="送出數據"> phperz~com
<input οnclick="if(xh && xh.responseText) {alert(xh.responseText);}" type="button" value="顯示返回結果"><br/>
<div id=m bgcolor=blue>在此顯示狀態</div>
<input type=button οnclick="alert(document.cookie)" value=顯示本地COOKIE>
</form>


服務器端代碼 a.php

以下爲引用的內容:
<?
header("Content-type: text/html;charset=GB2312");
echo "以下是您送出的所有COOKIE變量及其值\n";
print_r($_COOKIE);
?>

phperz~com


第一,javascript沿用java的字符處理方式,內部是使用unicode來處理所有字符的,
第二,utf-8是每個漢字(unicode字符)用3個字節來存儲。
第三,用utf-8來send數據是不會出現亂碼的,是後臺程序沒有正確解碼纔會出現亂碼。
第四,ajax發送數據的時候如果修改 Content-Type 爲 application/x-www-form-urlencoded",肯定是用post方式,而“太大的數據往往會出錯”是用GET方式發送數據造成的。
第五,用vbscript寫的函數是用來把數據轉成gbk編碼(操作系統默認的編碼方式。如果在繁體系統上就是big5之類的編碼)的,而不是gb2312,兩者的編碼字符數量相差3倍左右。
第六,用cookie來發送數據,一是很容易溢出,二是要不停的擦屁股,否則cookie裏面的數據在每個http請求(包括圖片和腳本請求)中都會被髮送。三是併發幾個http請求的時候,沒有辦法指定那個cookie是要發送給那個http請求的。

用AJAX來GET回一個頁面時,RESPONSETEXT裏面的中文多半會出現亂碼,這是因爲xmlhttp在處理返回的responseText的時候,是把resposeBody按UTF-8編碼進解碼考形成的,如果服務器送出的確實是UTF-8的數據流的時候漢字會正確顯示,而送出了GBK編碼流的時候就亂了。解決的辦法就是在送出的流裏面加一個HEADER,指明送出的是什麼編碼流,這樣XMLHTTP就不會亂搞了。 phperz.com

PHP:header('Content-Type:text/html;charset=GB2312');
ASP:Response.Charset("GB2312")
JSP:response.setHeader("Charset","GB2312");

發佈了31 篇原創文章 · 獲贊 7 · 訪問量 10萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章