ajax调用java，中文乱码解决办法

一个页面只是简单的输入框，后台调用ElasticSearch Index库，用户可以输入中文，虽然页面使用了

<%@ page language="java" contentType="text/html; charset=utf-8" %>

页面里的<script>也加上了

<script type="text/javascript" charset="UTF-8">

但是最终的页面还是显示 ??? 。

经过一番搜索，最终的方式还是encode和decode，直接上代码，页面输入的内容为赋值给 q ，在构造 URL 之前，先对其进行 UTF-8 转码。 从服务端返回数据后，再进行UTF-8转码。

		@RequestMapping(value = "callback",method =RequestMethod.GET)
		@ResponseBody
		public String callback(String size,String from, String q) throws IOException {	
			String resultStr = "";
			q = q.replace(" ", "+"); // 用加号替换输入字符串的空格
			try {		
				String server = ConfigUtils.getSysConfig("ELASTICSEARCH_SERVER");
				String index = ConfigUtils.getSysConfig("ELASTICSEARCH_INDEX_NAME");
				
				q = URLEncoder.encode(q, "UTF-8"); // 处理中文检索文字
				resultStr = WSUtils.findWsData(server + index + "/_search?size="+size+"&from="+from+"&q=" + q);
				
				return URLEncoder.encode(resultStr, "UTF-8"); // 为了和ajax进行数据传输
			} catch (Exception e) {
				e.printStackTrace();
				return null;
			}	
		}

处理后的数据传给ajax是这样子的：

Ajax 得到转码后的数据需要进行 decode，注意一定要使用 decodeURIComponent 而不是 decodeURI ，具体原因可百度。

$.ajax({
                url: "${ctx}/concept/callback?size="+size+"&from="+from+"&q="+jsonReq,
                type: "GET",
                contentType: "application/json",
                
                success: function(data) {
                	console.log("data = " + decodeURIComponent(data));
                	eval("var results = " + decodeURIComponent(data));
         			if(results.hits.hits!=null && results.hits.hits!=""){

在ajax里处理后显示的数据是这样子的：

这样就确保了java后台的数据在传给 ajax 的过程中保证了中文的正确处理。