AJAX亂碼解決新方法

來源:互聯網
上載者:User

用過AJAX的朋友肯定知道javascript是使用UTF-8國際編碼,即每個漢字用3個位元組來儲存,但是這就造成了用AJAX來send資料的時候出現亂碼。
有一種解決辦法就是使用encodeURIComponent加上修改 Content-Type 為 application/x-www-form-urlencoded" 來把資料統一編碼成 url 格式,但是這樣做有一個弊端,使用php的urldecode根本不能得到正確的文字。
另一種方法就是通過vbscript 的寫的函數把資料轉成gb2312格式的,我個人覺得這種方法比較好。有興趣的朋友可以到網上去查一下。
今天突發奇想,AJAX調用的時候會不會發送cookie 呢?馬上寫了一個程式測試一下,果然能,這樣就可以在調用ajax之前,先把資料通過javascript寫到cookie裡,然後再send就可以將cookie裡的資料發送出去了,太爽了!!

示範地址:http://cn5.cn/ajax/ajax12.htm

用戶端代碼 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)
{
oDiv.innerHTML = "完成"
}
else
{
oDiv.innerHTML = "抱歉,裝載資料失敗。原因:" + xh.statusText
}
}
} //author : longbill www.longbill.cn

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 onclick="getXML()" type="button" value="送出資料">
<input onclick="if(xh && xh.responseText) {alert(xh.responseText);}" type="button" value="顯示返回結果"><br>
<div id=m bgcolor=blue>在此顯示狀態</div>
<input type=button onclick="alert(document.cookie)" value=顯示本地COOKIE>
</form>

伺服器端代碼 a.php 複製代碼 代碼如下:<?
header("Content-type: text/html;charset=GB2312");
echo "以下是您送出的所有COOKIE變數及其值\n";
print_r($_COOKIE);
?>

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.