Ajax中文亂碼問題及解決方案

情境:

使用jQuery的ajax方法提交ajax請求,代碼如下:

1$.ajax({
2　　　 dataType : 'json'
3　　　 ,type : 'POST'
4　　　 ,url : 'http://localhost/test/test.do'
5　　　 ,data : {id: 1, type: '商品'}
6　　　 ,success : function(data){
7　　　　　　　
8　　　 }
9});

問題:

提交後後台action程式時,取到的type是亂碼

解決方案:

方法一:提交前採用encodeURI兩次編碼,記住一定是兩次

1.修改以下代碼

data:{id:1, type:encodeURI(encodeURI('商品'))}2.在後台action裡要對取得的字串進行 decode

1String type = request.getParameter("type");
2type = URLDecoder.decode(type, "UTF-8");

方法二:ajax配置contentType屬性,加上charset=UTF-8

在ajax方法中加入以下參數

1contentType: "application/x-www-form-urlencoded; charset=UTF-8"使用其它js架構 或者xhr都是差不多,設定header中contentType即可,

這裡關鍵是charset=UTF-8,如果沒有這個,是不行的,預設jQuery裡的contentType是沒有的.

還補充一下jQuery裡對參數已經進行了一次encodeURIComponent的處理

*方法二在action裡不需要進行decode,所以推薦使用此方法