ajax乱码问题

在解决自动补齐的功能的时候碰到了一个问题，就是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;
	}

原文地址：https://www.jb51.cc/ajax/161529.html