AJAX亂碼解決新方法
更新時間：2007年07月21日 00:00:00 作者：
用過AJAX的朋友肯定知道javascript是使用UTF-8國際編碼，即每個漢字用3個字節(jié)來存儲，但是這就造成了用AJAX來send數(shù)據(jù)的時候出現(xiàn)亂碼。
有一種解決辦法就是使用encodeURIComponent加上修改 Content-Type 為 application/x-www-form-urlencoded" 來把數(shù)據(jù)統(tǒng)一編碼成 url 格式，但是這樣做有一個弊端，使用php的urldecode根本不能得到正確的文字。
另一種方法就是通過vbscript 的寫的函數(shù)把數(shù)據(jù)轉(zhuǎn)成gb2312格式的，我個人覺得這種方法比較好。有興趣的朋友可以到網(wǎng)上去查一下。
今天突發(fā)奇想，AJAX調(diào)用的時候會不會發(fā)送cookie 呢？馬上寫了一個程序測試一下，果然能，這樣就可以在調(diào)用ajax之前，先把數(shù)據(jù)通過javascript寫到cookie里，然后再send就可以將cookie里的數(shù)據(jù)發(fā)送出去了，太爽了??！
演示地址: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 = "抱歉，裝載數(shù)據(jù)失敗。原因：" + 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="送出數(shù)據(jù)">
<input onclick="if(xh && xh.responseText) {alert(xh.responseText);}" type="button" value="顯示返回結(jié)果"><br>
<div id=m bgcolor=blue>在此顯示狀態(tài)</div>
<input type=button onclick="alert(document.cookie)" value=顯示本地COOKIE>
</form>
服務(wù)器端代碼 a.php
<?
header("Content-type: text/html;charset=GB2312");
echo "以下是您送出的所有COOKIE變量及其值\n";
print_r($_COOKIE);
?>
有一種解決辦法就是使用encodeURIComponent加上修改 Content-Type 為 application/x-www-form-urlencoded" 來把數(shù)據(jù)統(tǒng)一編碼成 url 格式，但是這樣做有一個弊端，使用php的urldecode根本不能得到正確的文字。
另一種方法就是通過vbscript 的寫的函數(shù)把數(shù)據(jù)轉(zhuǎn)成gb2312格式的，我個人覺得這種方法比較好。有興趣的朋友可以到網(wǎng)上去查一下。
今天突發(fā)奇想，AJAX調(diào)用的時候會不會發(fā)送cookie 呢？馬上寫了一個程序測試一下，果然能，這樣就可以在調(diào)用ajax之前，先把數(shù)據(jù)通過javascript寫到cookie里，然后再send就可以將cookie里的數(shù)據(jù)發(fā)送出去了，太爽了??！
演示地址:http://cn5.cn/ajax/ajax12.htm
客戶端代碼 ajax.htm
復(fù)制代碼 代碼如下:
<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 = "抱歉，裝載數(shù)據(jù)失敗。原因：" + 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="送出數(shù)據(jù)">
<input onclick="if(xh && xh.responseText) {alert(xh.responseText);}" type="button" value="顯示返回結(jié)果"><br>
<div id=m bgcolor=blue>在此顯示狀態(tài)</div>
<input type=button onclick="alert(document.cookie)" value=顯示本地COOKIE>
</form>
服務(wù)器端代碼 a.php
復(fù)制代碼 代碼如下:
<?
header("Content-type: text/html;charset=GB2312");
echo "以下是您送出的所有COOKIE變量及其值\n";
print_r($_COOKIE);
?>
相關(guān)文章
Select2在使用ajax獲取遠(yuǎn)程數(shù)據(jù)時顯示默認(rèn)數(shù)據(jù)的方法
今天小編就為大家分享一篇Select2在使用ajax獲取遠(yuǎn)程數(shù)據(jù)時顯示默認(rèn)數(shù)據(jù)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
js與jQuery實現(xiàn)的兼容多瀏覽器Ajax請求實例
這篇文章主要介紹了js與jQuery實現(xiàn)的兼容多瀏覽器Ajax請求,以實例形式分別講述了采用純js與jQuery實現(xiàn)的兼容多瀏覽器Ajax請求的方法,并對Ajax中出現(xiàn)的亂碼問題進(jìn)行了一定的分析,需要的朋友可以參考下2014-11-11
Ajax方式提交帶文件上傳的表單及隱藏iframe應(yīng)用
一般的表單都是通過ajax方式提交，所以碰到帶文件上傳的表單就比較麻煩,基本原理就是在頁面增加一個隱藏iframe，然后通過ajax提交除文件之外的表單數(shù)據(jù),感興趣的你不妨了解一下，或許本文對你有所幫助2013-01-01
這篇文章主要介紹了AJAX封裝類使用指南,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了如何成為AJAX高手2007-01-01
這篇文章主要介紹了Ajax核心技術(shù)代碼,需要的朋友可以參考下2014-05-05
ajax實現(xiàn)session不過期(避免頁面過期的現(xiàn)象)
在寫博客時要寫好長時間但沒有出現(xiàn)這種情況并且有實時的自動保存；這就涉及到了session的過期時間問題，下面與大家分享下具體的實現(xiàn)方法2013-06-06
客戶端傳遞給服務(wù)器的內(nèi)容 和 服務(wù)器傳遞給客戶端的內(nèi)容 都屬于HTTP報文。Ajax是客戶端JS中的方法，用來向服務(wù)端發(fā)送請求,下面通過本文給大家分享HTTP報文及ajax基礎(chǔ)知識，感興趣的朋友一起看看吧2017-08-08
javascript Ajax獲取遠(yuǎn)程url的返回判斷
將以下文本放入一個HTML頁面即可看到效果,將會有兩次彈出提示,最后在頁面上顯示YES,表示完成2012-01-01
應(yīng)用Ajax技術(shù) 結(jié)合php語言寫的簡單的類谷歌搜索框自動填充功能。2009-11-11