遇到AJAX中文亂碼問題終極解決方案__亂碼問題

最近在做一個項目，遇到AJAX中文亂碼問題，經過一個下午的努力終於完美解決，現將心得寫下來，希望對那些還困繞在這個問題而頭痛不已的人們有所協助。


眾所周知，使用AJAX傳送和接收中文參數時，如果不在用戶端和伺服器做相應的處理就會出現亂碼問題，在網上相應的文章也不少，但是有的情況下很難從中找到符合自己理想的答案，我今天就是在網上找了很多，但是都差不多，講ASP和JSP的比較多（我是用的PHP），所以到最後都沒找到自己滿意的答案。


AJAX的中文亂碼可以大概分為兩中，第一種是向伺服器端發送中文參數時（xmlhttp.open(“get|post”,url,true)）,伺服器端接收到的為亂碼，這個也是我今天遇到的問題，沒做處理之前，在IE裡是正常的，但是在Firefox裡面就出現了亂碼，我先把接收到參數輸出到一個文本裡，沒有發現什麼問題，鬱悶了，然後我就把查詢語句在輸出來觀察（我這裡是要從資料庫裡查出與參數相關的東西），終於發現問題，IE和Firefox輸出的參數不一樣，雖然漢字上都一樣，但是和前後串連上有細小的區別，於是認定了是編碼問題，在網上尋找了相關資料，都沒能解決問題，但是得到一些啟示，因為AJAX發送資料都是採用UTF-8編碼的方式發送的，所以要在伺服器端進行編碼轉換（我這裡頁面是採用GB2312編碼的，如果是採用UTF-8的話應該不會有這步的問題），所以我在伺服器端進行了UTF-8轉GB2312，


$str=iconv("UTF-8","GB2312",$str);


然後測試，在Firefox上順利解決了問題，以為大公告成了，可是再到IE下測試，發現IE又出現了問題，伺服器端接收到的參數沒值，這下就鬱悶了，突然看到發送頭設定了setRequestHeader("Content-Type","application/x-www-form-urlencoded");，就找到問題所在了，然後就在發送那裡進行了參數編碼：


geturl=encodeURI(geturl);

       geturl=encodeURI(geturl); //兩次也可以寫成geturl=encodeURI(encodeURI(geturl));

xmlhttp.open("GET",geturl,true);


然後再到伺服器端進行URL解碼：


   $str=urldecode($str); //解碼

$ str =iconv("UTF-8","GB2312",$ str); //編碼轉換


   注意：解碼必須在編碼轉換前面，不然得不到正確值


儲存測試，IE和Firefox都能正常了。


第二種就是伺服器端向用戶端輸出中文時出現亂碼，這類問題網上的答案就比較多了，也都能解決，為了避免各位再去尋找，我在這裡就COPY下J


原因：AJAX在接收responseText或responseXML的值的時候是按照UTF-8的格式來解碼的，如果伺服器段發送的資料不是UTF-8的格式，那麼接收responseText或responseXML的值有可能為亂碼。


    解決辦法：


    在伺服器指定發送資料的格式：
    在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");