AJAX中文亂碼PHP中完美解決方法
更新時(shí)間:2012年09月05日 19:38:22 作者:
AJAX中文亂碼問題,經(jīng)過一個(gè)下午的努力終于完美解決,現(xiàn)將心得寫下來,希望對(duì)那些還困繞在這個(gè)問題而頭痛不已的人們有所幫助
最近在做一個(gè)項(xiàng)目,遇到AJAX中文亂碼問題,經(jīng)過一個(gè)下午的努力終于完美解決,現(xiàn)將心得寫下來,希望對(duì)那些還困繞在這個(gè)問題而頭痛不已的人們有所幫助。
眾所周知,使用AJAX傳送和接收中文參數(shù)時(shí),如果不在客戶端和服務(wù)器做相應(yīng)的處理就會(huì)出現(xiàn)亂碼問題,在網(wǎng)上相應(yīng)的文章也不少,但是有的情況下很難從中找到符合自己理想的答案,我今天就是在網(wǎng)上找了很多,但是都差不多,講ASP和JSP的比較多(我是用的PHP),所以到最后都沒找到自己滿意的答案。
AJAX的中文亂碼可以大概分為兩中,第一種是向服務(wù)器端發(fā)送中文參數(shù)時(shí)(xmlhttp.open(“getpost”,url,true)),服務(wù)器端接收到的為亂碼,這個(gè)也是我今天遇到的問題,沒做處理之前,在IE里是正常的,但是在Firefox里面就出現(xiàn)了亂碼,我先把接收到參數(shù)輸出到一個(gè)文本里,沒有發(fā)現(xiàn)什么問題,郁悶了,然后我就把查詢語句在輸出來觀察(我這里是要從數(shù)據(jù)庫里查出與參數(shù)相關(guān)的東西),終于發(fā)現(xiàn)問題,IE和Firefox輸出的參數(shù)不一樣,雖然漢字上都一樣,但是和前后連接上有細(xì)小的區(qū)別,于是認(rèn)定了是編碼問題,在網(wǎng)上查找了相關(guān)資料,都沒能解決問題,但是得到一些啟示,因?yàn)锳JAX發(fā)送數(shù)據(jù)都是采用UTF-8編碼的方式發(fā)送的,所以要在服務(wù)器端進(jìn)行編碼轉(zhuǎn)換(我這里頁面是采用GB2312編碼的,如果是采用UTF-8的話應(yīng)該不會(huì)有這步的問題),所以我在服務(wù)器端進(jìn)行了UTF-8轉(zhuǎn)GB2312,
$str=iconv("UTF-8","GB2312",$str);
然后測(cè)試,在Firefox上順利解決了問題,以為大公告成了,可是再到IE下測(cè)試,發(fā)現(xiàn)IE又出現(xiàn)了問題,服務(wù)器端接收到的參數(shù)沒值,這下就郁悶了,突然看到發(fā)送頭設(shè)置了setRequestHeader("Content-Type","application/x-www-form-urlencoded");,就找到問題所在了,然后就在發(fā)送那里進(jìn)行了參數(shù)編碼:
geturl=encodeURI(geturl);
geturl=encodeURI(geturl); //兩次也可以寫成geturl=encodeURI(encodeURI(geturl));
xmlhttp.open("GET",geturl,true);
然后再到服務(wù)器端進(jìn)行URL解碼:
$str=urldecode($str); //解碼
$ str =iconv("UTF-8","GB2312",$ str); //編碼轉(zhuǎn)換
注意:解碼必須在編碼轉(zhuǎn)換前面,不然得不到正確值
保存測(cè)試,IE和Firefox都能正常了。
第二種就是服務(wù)器端向客戶端輸出中文時(shí)出現(xiàn)亂碼,這類問題網(wǎng)上的答案就比較多了,也都能解決,為了避免各位再去查找,我在這里就COPY下J
原因:AJAX在接收responseText或responseXML的值的時(shí)候是按照UTF-8的格式來解碼的,如果服務(wù)器段發(fā)送的數(shù)據(jù)不是UTF-8的格式,那么接收responseText或responseXML的值有可能為亂碼。
解決辦法:
在服務(wù)器指定發(fā)送數(shù)據(jù)的格式:
在jsp文件中:
response.setContentType("text/text;charset=UTF-8");//返回的是txt文本文件
或是
response.setContentType("text/xml;charset=UTF-8");//返回的xml文件
PHP:header('Content-Type:text/html;charset=GB2312');
ASP:Response.Charset("GB2312")
JSP:response.setHeader("Charset","GB2312");
眾所周知,使用AJAX傳送和接收中文參數(shù)時(shí),如果不在客戶端和服務(wù)器做相應(yīng)的處理就會(huì)出現(xiàn)亂碼問題,在網(wǎng)上相應(yīng)的文章也不少,但是有的情況下很難從中找到符合自己理想的答案,我今天就是在網(wǎng)上找了很多,但是都差不多,講ASP和JSP的比較多(我是用的PHP),所以到最后都沒找到自己滿意的答案。
AJAX的中文亂碼可以大概分為兩中,第一種是向服務(wù)器端發(fā)送中文參數(shù)時(shí)(xmlhttp.open(“getpost”,url,true)),服務(wù)器端接收到的為亂碼,這個(gè)也是我今天遇到的問題,沒做處理之前,在IE里是正常的,但是在Firefox里面就出現(xiàn)了亂碼,我先把接收到參數(shù)輸出到一個(gè)文本里,沒有發(fā)現(xiàn)什么問題,郁悶了,然后我就把查詢語句在輸出來觀察(我這里是要從數(shù)據(jù)庫里查出與參數(shù)相關(guān)的東西),終于發(fā)現(xiàn)問題,IE和Firefox輸出的參數(shù)不一樣,雖然漢字上都一樣,但是和前后連接上有細(xì)小的區(qū)別,于是認(rèn)定了是編碼問題,在網(wǎng)上查找了相關(guān)資料,都沒能解決問題,但是得到一些啟示,因?yàn)锳JAX發(fā)送數(shù)據(jù)都是采用UTF-8編碼的方式發(fā)送的,所以要在服務(wù)器端進(jìn)行編碼轉(zhuǎn)換(我這里頁面是采用GB2312編碼的,如果是采用UTF-8的話應(yīng)該不會(huì)有這步的問題),所以我在服務(wù)器端進(jìn)行了UTF-8轉(zhuǎn)GB2312,
$str=iconv("UTF-8","GB2312",$str);
然后測(cè)試,在Firefox上順利解決了問題,以為大公告成了,可是再到IE下測(cè)試,發(fā)現(xiàn)IE又出現(xiàn)了問題,服務(wù)器端接收到的參數(shù)沒值,這下就郁悶了,突然看到發(fā)送頭設(shè)置了setRequestHeader("Content-Type","application/x-www-form-urlencoded");,就找到問題所在了,然后就在發(fā)送那里進(jìn)行了參數(shù)編碼:
復(fù)制代碼 代碼如下:
geturl=encodeURI(geturl);
geturl=encodeURI(geturl); //兩次也可以寫成geturl=encodeURI(encodeURI(geturl));
xmlhttp.open("GET",geturl,true);
然后再到服務(wù)器端進(jìn)行URL解碼:
復(fù)制代碼 代碼如下:
$str=urldecode($str); //解碼
$ str =iconv("UTF-8","GB2312",$ str); //編碼轉(zhuǎn)換
注意:解碼必須在編碼轉(zhuǎn)換前面,不然得不到正確值
保存測(cè)試,IE和Firefox都能正常了。
第二種就是服務(wù)器端向客戶端輸出中文時(shí)出現(xiàn)亂碼,這類問題網(wǎng)上的答案就比較多了,也都能解決,為了避免各位再去查找,我在這里就COPY下J
原因:AJAX在接收responseText或responseXML的值的時(shí)候是按照UTF-8的格式來解碼的,如果服務(wù)器段發(fā)送的數(shù)據(jù)不是UTF-8的格式,那么接收responseText或responseXML的值有可能為亂碼。
解決辦法:
在服務(wù)器指定發(fā)送數(shù)據(jù)的格式:
在jsp文件中:
response.setContentType("text/text;charset=UTF-8");//返回的是txt文本文件
或是
response.setContentType("text/xml;charset=UTF-8");//返回的xml文件
PHP:header('Content-Type:text/html;charset=GB2312');
ASP:Response.Charset("GB2312")
JSP:response.setHeader("Charset","GB2312");
相關(guān)文章
Ajax遍歷jSon后對(duì)每一條數(shù)據(jù)進(jìn)行相應(yīng)的修改和刪除(代碼分享)
這篇文章主要介紹了Ajax遍歷jSon后對(duì)每一條數(shù)據(jù)進(jìn)行相應(yīng)的修改和刪除的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-11-11通過Ajax手動(dòng)解決WordPress WP-PostViews不計(jì)數(shù)的問題
這篇文章主要介紹了通過Ajax手動(dòng)解決WordPress WP-PostViews不計(jì)數(shù)的問題的相關(guān)資料,需要的朋友可以參考下2016-01-01表單上傳功能實(shí)現(xiàn) ajax文件異步上傳
這篇文章主要為大家詳細(xì)介紹了表單上傳功能和文件上傳功能實(shí)現(xiàn),ajax文件異步上傳,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08javascript 拖動(dòng)_cookie_ajax等
比較實(shí)用的js拖動(dòng)效果代碼。類的寫法不錯(cuò),是個(gè)不錯(cuò)的應(yīng)用2008-06-06使用HTML5中postMessage知識(shí)點(diǎn)解決Ajax中POST跨域問題
這篇文章主要介紹了使用HTML5中postMessage知識(shí)點(diǎn)解決Ajax中POST跨域問題的相關(guān)資料,需要的朋友可以參考下2015-10-10