JavaScript亂碼

javascript 中對於參數編碼:

JavaScript代碼  編碼一次
1.url=encodeURI(url);  //注意:encodeURI()的參數是整個URL,包含請求地址和參數

服務器端獲取參數後轉碼:

Java代碼  轉碼一次
1.String linename = new String(request.getParameter("name").getBytes("ISO-8859-1"),"UTF-8");  

或:

JavaScript代碼  編碼兩次
1.url=encodeURI(encodeURI(url)); //用了2次encodeURI  

服務器端獲取:

Java代碼  解碼一次
1.String linename = request.getParameter(name); 
2.//java  : 字符解碼 
3.linename = java.net.URLDecoder.decode(linename , "UTF-8"); 

PS:前後臺進行數據交換時，最好使用JSONObject對數據進行封裝。

 

測試
服務器：WebLogic10.x
瀏覽器：IE9.0
測試一：
前臺JavaScript
//這裏的Ext.util.JSON.encode爲的是將一個JSONObject轉爲一個JSON字符串，與encodeURI的含義不同
//caseEndReport中的fileUpload設置爲ture
var caseEndReportTab = Ext.util.JSON.encode(caseEndReport.getForm().getValues(false));
caseEndReport.getForm().submit({
     url:'payCaseManage.do?oper=saveCaseEndReport&caseEndReportTab='+caseEndReportTab,
                         success: function(form, action){
                                          Ext.Msg.alert('提示', "信息保存成功!");
                         },
                         failure: function(){
                                          Ext.Msg.alert('提示', '信息保存失敗,您沒有操作權限!');
                         }
});
後臺Java代碼
String caseEndReportTab = request.getParameter("caseEndReportTab");        
JSONObject caseEndReportJson = JSONObject.fromObject(caseEndReportTab);//將JSON字符串轉爲JSON對象
System.out.println(accreditationJson.toString());

如果在Controller裏面加入
response.setCharacterEncoding("UTF-8");
request.setCharacterEncoding("UTF-8");
response.setContentType("application/x-json");
則上面的代碼輸出無亂碼。

如果在Controller裏面加入
response.setCharacterEncoding("UTF-8");//不加入request.setCharacterEncoding("UTF-8");
response.setContentType("application/x-json");
上面的代碼輸出中文亂碼，需要將
JSONObject caseEndReportJson = JSONObject.fromObject(caseEndReportTab);
改爲
JSONObject caseEndReportJson = JSONObject.fromObject(new String(caseEndReportTab.getBytes("ISO8859_1"),"UTF-8"));
才輸出正確。

測試二：
前臺JavaScript
// queryForm 中的fileUpload設置爲false,query爲JSON字符串，且含有中文
//Ext.util.JSON.encode只是將一個JSONObject轉爲一個JSON字符串，與encodeURI的含義不同
var query = Ext.util.JSON.encode(queryForm.getForm().getValues(false));
caseStore.proxy = new Ext.data.HttpProxy({url:"payCaseManage.do?oper=listCase&query="+query});

後臺Java代碼
response.setCharacterEncoding("UTF-8");
request.setCharacterEncoding("UTF-8");
response.setContentType("application/x-json");
String query = request.getParameter("query");
//或者String query = new String(request.getParameter("query").getBytes("ISO8859_1"),"UTF-8");
JSONObject queryObject = JSONObject.fromObject(query);
String county = queryObject.getString("county");
String city = queryObject.getString("city");
System.out.println(city+county);
均輸出中文亂碼

測試三：
前臺JavaScript
//前臺對url兩次encodeURI， query字符串中包含中文內容
var query = Ext.util.JSON.encode(queryForm.getForm().getValues(false));
var url = "payCaseManage.do?oper=listCase&query="+query;
var dataUrl = encodeURI(encodeURI(url));
caseStore.proxy = new Ext.data.HttpProxy({url:dataUrl});
//後臺Java對request.getParameter(" query ")進行java.net.URLDecoder.decode 一次
response.setCharacterEncoding("UTF-8");
request.setCharacterEncoding("UTF-8");
response.setContentType("application/x-json");
String query = java.net.URLDecoder.decode(request.getParameter("query"),"UTF-8");
JSONObject queryObject = JSONObject.fromObject(query);
String county = queryObject.getString("county");
String city = queryObject.getString("city");
System.out.println(city+county);
結果輸出中文正確

測試四：
前臺JavaScript
//對url兩次encodeURI，caseRootId中包含中文內容
caseTreeLoaderDataUrl = 'payCaseManage.do?oper=treeLoad&nodeId=' + node.id+'&text='+node.text+'&caseRootId='+caseRootId;
caseTree.loader.dataUrl = encodeURI(encodeURI(caseTreeLoaderDataUrl));
後臺Java
response.setCharacterEncoding("UTF-8");
request.setCharacterEncoding("UTF-8");
response.setContentType("application/x-json");
//對request.getParameter("caseRootId")進行java.net.URLDecoder.decode 一次
String caseRootId = java.net.URLDecoder.decode(request.getParameter("caseRootId"),"UTF-8");
System.out.println(caseRootId);
結果輸出中文正確

測試五：
前臺JavaScript
//不對url進行encodeURI處理。city和county均包含中文內容
var city = queryForm.getForm().findField("city").getValue();
var county = queryForm.getForm().findField("county").getValue();
caseStore.proxy = new Ext.data.HttpProxy({url:"payCaseManage.do?oper=listCase&city="+city+"&county="+county"});
後臺Jave代碼
//不使用java.net.URLDecoder.decode對request.getParameter()進行處理
response.setCharacterEncoding("UTF-8");
request.setCharacterEncoding("UTF-8");
response.setContentType("application/x-json");
String county = request.getParameter("county");
String city = request.getParameter("city");
System.out.println(city+county);
輸出中文亂碼