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;
	}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

张叫兽的技术研究院

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值