JQuery异步获取返回值中文乱码的解决方法

这篇文章主要介绍了JQuery异步获取返回值中文乱码的解决方法,除了正常的编码设置需要统一外,还要设置一个setCharacterEncoding才可以避免乱码,需要的朋友可以参考下

用jqgrid异步获取列表值，遇到个问题，服务器端从数据库取到的数据没有出现中文乱码问题(日志打出来是没有乱码的)，但是异步传到客户的时候却出现了乱码。 服务器端已经编码过了(UTF-8编码)。开始一直怀疑是客户端的问题，比如客户端和服务器端编码不一致啊，也怀疑是不是jqGrid工具函数中少配了 contentType: "application/x-www-form-urlencoded; charset=utf-8", 等等问题。

结果都不是，纠结了几个小时，后来经过大牛的提醒发现，原来代码还是出在服务器端，疏忽了。

1. @RequestMapping(value = "/searchUserList.form") 
2. @ResponseBody 
3. public void searchUserList(int page, int rows, HttpServletRequest request, HttpServletResponse response) throws IOException{ 
4. System.out.println("idcard="+idCard+"/n page="+page+"/n rows="+rows); 
5.  
6. List<User> list = userService.findByIDCard(idCard); 
7.  
8. int totalRecord = list.size(); 
9. int totalPage = totalRecord%rows == 0 ? totalRecord/rows : (totalRecord/rows+1); 
10.  
11. int index = (page-1)*rows; 
12. int pageSize = rows; 
13.  
14. String json = "{/"total/": /""+totalPage+"/", /"page/": /""+page+"/", /"records/": /""+totalRecord+"/", /"rows/": [";  
15. for (int i = index; i < pageSize + index && i<totalRecord; i++) {  
16. User u = list.get(i); 
17. json += "{/"id/":/"" + u.getUserId() + "/",/"userName/":/""+u.getUserName()+"/",/"idCard/":/""+ 
18. u.getIdCard() +"/",/"userTel/":/""+u.getUserTel()+"/",/"userSex/":/""+u.getUserSex()+ 
19. "/",/"bankCard/":/""+u.getBankCard()+"/",/"cardStatus/":/""+u.getCardSatus()+"/",/"createTime/":/""+ 
20. u.getCreateTime()+"/"}"; 
21. if (i != pageSize + index - 1 && i != totalRecord - 1) {  
22. json += ",";  
23. }  
24. }  
25. json += "]}"; 
26. request.setCharacterEncoding("utf-8"); //这里不设置编码会有乱码 
27. response.setContentType("text/html;charset=utf-8"); 
28. response.setHeader("Cache-Control", "no-cache");  
29. PrintWriter out = response.getWriter(); //输出中文，这一句一定要放到response.setContentType("text/html;charset=utf-8"), response.setHeader("Cache-Control", "no-cache")后面，否则中文返回到页面是乱码  
30. out.print(json.toString()); 
31. out.flush(); 
32. out.close(); 
33. }