在解决自动补齐的功能的时候碰到了一个问题,就是ajax的中文乱码问题,首先是前台提交本身就是乱码,然后后台返回到前台中文是"?",网上看了一些资料,诸如在requestMapping中通过指定produces = "text/html;charset=UTF-8"来解决,统统不好用。
问题现在解决了,首先贴前台到后台的代码,在向后台传输数据之前要把数据进行编码,默认就是utf-8,如果有问题,可以添加上contentType,从我的测试来看,conentType这句可以不写。在处理返回数据的时候要首先进行解码(因为后台程序已经进行了编码)。
$.ajax({ url: "<%=path%>/search",contentType: "application/x-www-form-urlencoded; charset=UTF-8", dataType : "json",data : { keyword : encodeURI($(obj).val()) },success : function(data) { data = decodeURI(data); var dataObj = eval("("+data+")"); $("#list").html(""); $.each(dataObj,function(index,item){ var preInnerHtml = $("#list").html(); $("#list").html(preInnerHtml + item + "<br/>"); }) $("#list").show(); } })
然后是后台处理,接收到了前台数据后首先要解码,然后对于要传递的数据首先要进行json格式转换(我用的是GSON),然后进行UTF8的编码,最后要记得在前后添加上双引号,否则前台无法识别为json(字符串);另外不知为何前台无法解析“%2C”为“,”(我的返回值是数组格式["a","b","c"]),于是在后台可以直接进行转换,并不影响前台对于JSON的解析。
@RequestMapping(value = "/search") @ResponseBody() public String seachProduct(String keyword) throws Exception { keyword = URLDecoder.decode(keyword,"UTF-8"); logger.debug("/P/ keyword: {}",keyword); Object[] lst = ... Gson gson = new Gson(); String lsts = gson.toJson(lst); String encodeLsts = URLEncoder.encode(lsts,"UTF-8"); String ret = "\"" + encodeLsts.replace("%2C",",") + "\""; logger.debug("返回關鍵字列表:{}; 编码后: {}; 转JSON后: {}",lsts,encodeLsts,ret); return ret; }