欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JavaScript乱码

程序员文章站 2022-04-20 15:52:36
...
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);
输出中文乱码

相关标签: JavaScript