AJAX亂碼解決新方法
更新時(shí)間：2007年07月21日 00:00:00 作者：
用過(guò)AJAX的朋友肯定知道javascript是使用UTF-8國(guó)際編碼，即每個(gè)漢字用3個(gè)字節(jié)來(lái)存儲(chǔ)，但是這就造成了用AJAX來(lái)send數(shù)據(jù)的時(shí)候出現(xiàn)亂碼。
有一種解決辦法就是使用encodeURIComponent加上修改 Content-Type 為 application/x-www-form-urlencoded" 來(lái)把數(shù)據(jù)統(tǒng)一編碼成 url 格式，但是這樣做有一個(gè)弊端，使用php的urldecode根本不能得到正確的文字。
另一種方法就是通過(guò)vbscript 的寫(xiě)的函數(shù)把數(shù)據(jù)轉(zhuǎn)成gb2312格式的，我個(gè)人覺(jué)得這種方法比較好。有興趣的朋友可以到網(wǎng)上去查一下。
今天突發(fā)奇想，AJAX調(diào)用的時(shí)候會(huì)不會(huì)發(fā)送cookie 呢？馬上寫(xiě)了一個(gè)程序測(cè)試一下，果然能，這樣就可以在調(diào)用ajax之前，先把數(shù)據(jù)通過(guò)javascript寫(xiě)到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 = "正在裝載，請(qǐng)稍侯......."
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" 來(lái)把數(shù)據(jù)統(tǒng)一編碼成 url 格式，但是這樣做有一個(gè)弊端，使用php的urldecode根本不能得到正確的文字。
另一種方法就是通過(guò)vbscript 的寫(xiě)的函數(shù)把數(shù)據(jù)轉(zhuǎn)成gb2312格式的，我個(gè)人覺(jué)得這種方法比較好。有興趣的朋友可以到網(wǎng)上去查一下。
今天突發(fā)奇想，AJAX調(diào)用的時(shí)候會(huì)不會(huì)發(fā)送cookie 呢？馬上寫(xiě)了一個(gè)程序測(cè)試一下，果然能，這樣就可以在調(diào)用ajax之前，先把數(shù)據(jù)通過(guò)javascript寫(xiě)到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 = "正在裝載，請(qǐng)稍侯......."
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)文章
AJAX顯示加載中并彈出圖層遮擋頁(yè)面的實(shí)現(xiàn)示例
大家都知道AJAX的請(qǐng)求是異步的，這種異步的機(jī)制給我們帶來(lái)了體驗(yàn)上的優(yōu)化，但是同時(shí)我要求我們有更完善的思維去處理一個(gè)業(yè)務(wù)。當(dāng)用戶請(qǐng)求后長(zhǎng)時(shí)間沒(méi)有回應(yīng)是一種非常不好的用戶體驗(yàn)，所以我們可以在請(qǐng)求后利用AJAX顯示加載中并彈出圖層遮擋頁(yè)面，下面來(lái)看看實(shí)現(xiàn)方法。2016-12-12
Ajax方式提交帶文件上傳的表單及隱藏iframe應(yīng)用
一般的表單都是通過(guò)ajax方式提交，所以碰到帶文件上傳的表單就比較麻煩,基本原理就是在頁(yè)面增加一個(gè)隱藏iframe，然后通過(guò)ajax提交除文件之外的表單數(shù)據(jù),感興趣的你不妨了解一下，或許本文對(duì)你有所幫助2013-01-01
Ajax風(fēng)格的一款網(wǎng)頁(yè)Loading效果
本篇文章主要是對(duì)Ajax風(fēng)格的一款網(wǎng)頁(yè)Loading效果的實(shí)例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
使用$.getJSON實(shí)現(xiàn)跨域ajax請(qǐng)求示例代碼
getJSON調(diào)用并獲取遠(yuǎn)程的JSON字符串，將其轉(zhuǎn)換為JSON對(duì)象，如果成功，則執(zhí)行回調(diào)函數(shù)，下面有個(gè)不錯(cuò)的示例，需要的朋友可以參考下2013-11-11
ajax 實(shí)現(xiàn)微信網(wǎng)頁(yè)授權(quán)登錄的方法
這篇文章主要介紹了ajax 實(shí)現(xiàn)微信網(wǎng)頁(yè)授權(quán)登錄的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
Ajax實(shí)現(xiàn)跨域訪問(wèn)的三種方法
本文給大家介紹了ajax實(shí)現(xiàn)跨域訪問(wèn)的3種解決方案，非常的實(shí)用，個(gè)人比較推薦第三種，小伙伴們可以著重看下。2015-06-06
以前寫(xiě)的一個(gè)AJAX類，兼容性還不錯(cuò)，簡(jiǎn)單易用，記下了方便以后找 :)2010-01-01
這篇文章主要為大家詳細(xì)介紹了基于ajax實(shí)現(xiàn)驗(yàn)證碼功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
AJAX流行的時(shí)候，很多信息為AJAX異步請(qǐng)求，比如：點(diǎn)擊、翻頁(yè)等。通常這種情況你一刷新瀏覽器，當(dāng)前頁(yè)面就會(huì)重置到初始狀態(tài)。更不用說(shuō)把看到的信息url發(fā)給好友了。下面給大家分享實(shí)現(xiàn)思路，一起看看吧2017-03-03
jQuery Ajax的readyState和status的區(qū)別和使用詳解
在前幾篇分析了jquery的ajax異步和同步，以及異常的一些處理，感覺(jué)還沒(méi)有把a(bǔ)jax的readyState和status說(shuō)清楚.今天就來(lái)說(shuō)說(shuō)ajax狀態(tài)的那點(diǎn)事,非常不錯(cuò)，對(duì)ajax readystate和status區(qū)別和使用感興趣的朋友一起學(xué)習(xí)吧2017-03-03