jquery的 ajax返回值为中文时乱码解决方法

原文地址：http://my.oschina.net/u/1172409/blog/161555 

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

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

服务器端代码：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

/**       * 异步（返回json数据格式）（支持分页）       * @param mapping       * @param form       * @param request       * @param response       * @return       * @throws AppException       */      public ActionForward queryErrorCodeRecordByPage(ActionMapping mapping, ActionForm form,              HttpServletRequest request, HttpServletResponse response) {                    Integer currentpage = Integer.parseInt(request.getParameter( "currentpage" )) ;          Integer pagesize = Integer.parseInt(request.getParameter( "pagesize" )) ;          try          {              List ListByPage = this .errorCodeRecordFacade.queryErrorCodeRecordByPage(currentpage, pagesize);              JSONArray json = JSONArray.fromObject(ListByPage);              System.out.println( "JSONArray数据---" + json.toString() );                            request.setCharacterEncoding( "utf-8" );  //这里不设置编码会有乱码              response.setContentType( "text/html;charset=utf-8" );              response.setHeader( "Cache-Control" , "no-cache" );               PrintWriter out = response.getWriter();  //输出中文，这一句一定要放到response.setContentType("text/html;charset=utf-8"),  response.setHeader("Cache-Control", "no-cache")后面，否则中文返回到页面是乱码               out.print(json.toString());              out.flush();              out.close();          }          catch (Exception e) {              log.error( "查询数据出错" , e);          }          return null ;      }

客户端的代码：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66

//异步 根据分页来取错误码历史 数据 function search_errorCodeRecord(currentpage,pagesize)      {         $.ajax({            async :true,            url: "<%=request.getContextPath()%>/errorCodeRecord/queryErrorCodeRecordByPage.do",            type: "post",            data: { currentpage: currentpage, pagesize:pagesize},           //  dataType : "json", //这里已经定义数据格式            contentType: "application/x-www-form-urlencoded; charset=utf-8",            success:function(data) {                    alert(data);                //  var json=eval('('+data+')');   // jquery调用时会检测到，从而直接把返回格式当做json处理，所以再转化会报错。                  var json=eval(data);                 resolv_json(json) ;             }          });       }         //解析json数组，动态拼接到白色Div中   function resolv_json(json)   {      for(var i=0;i< json.length ;i++)      {        //  alert(json[i].boss_resultinfo);                var operate_state = "新增了" ;        if(json[i].operate_state  == "2" )        {              operate_state = "修改了"  ;        }        if(json[i].operate_state  == "3" )        {              operate_state = "删除了"  ;        }          var p=$("<p></ p >");        var span1=$("< span ></ span >");        var span2=$("< span ></ span >");        var span3=$("< span ></ span >");        var span4=$("< span ></ span >");                var times = json[i].operate_time.time;      //  alert(json[i].operate_time.time); //时间格式是个JSON对象      //  alert(getLocalTime(times));        span1.html(getLocalTime(times));        span2.html(json[i].operate_people);        span3.html(operate_state);        span4.html(json[i].businessname +" 错误码");                p.append(span1).append(span2).append(span3).append(span4);        $("#whiteDiv").append(p);      }      }    //时间戳转化为时间 function getLocalTime(nS) {      return new Date(parseInt(nS)).toLocaleString().replace(/:\d{1,2}$/,' '); }          < div  id = "whiteDiv" >        </ div >

总结如下： 

1.  PrintWriter out = response.getWriter(); 一定要放在

request.setCharacterEncoding("utf-8");  response.setContentType("text/html;charset=utf-8");

编码的后面（原因很简单，你懂的。）

2.  jquery 加不加 content-type的参数 都不影响。

contentType: "application/x-www-form-urlencoded; charset=utf-8",