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