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

 更新时间:2015年01月29日 10:39:47   作者:yuanfy008  
这篇文章主要介绍了JQuery异步获取返回值中文乱码的解决方法,除了正常的编码设置需要统一外,还要设置一个setCharacterEncoding才可以避免乱码,需要的朋友可以参考下

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

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

@RequestMapping(value = "/searchUserList.form")
  @ResponseBody
  public void searchUserList(int page, int rows, HttpServletRequest request, HttpServletResponse response) throws IOException{
    System.out.println("idcard="+idCard+"\n page="+page+"\n rows="+rows);
 
    List<User> list = userService.findByIDCard(idCard);
     
    int totalRecord = list.size();
    int totalPage = totalRecord%rows == 0 ? totalRecord/rows : (totalRecord/rows+1);
     
    int index = (page-1)*rows;
    int pageSize = rows;
     
    String json = "{\"total\": \""+totalPage+"\", \"page\": \""+page+"\", \"records\": \""+totalRecord+"\", \"rows\": ["; 
    for (int i = index; i < pageSize + index && i<totalRecord; i++) { 
      User u = list.get(i);
      json += "{\"id\":\"" + u.getUserId() + "\",\"userName\":\""+u.getUserName()+"\",\"idCard\":\""+
      u.getIdCard() +"\",\"userTel\":\""+u.getUserTel()+"\",\"userSex\":\""+u.getUserSex()+
      "\",\"bankCard\":\""+u.getBankCard()+"\",\"cardStatus\":\""+u.getCardSatus()+"\",\"createTime\":\""+
      u.getCreateTime()+"\"}";
      if (i != pageSize + index - 1 && i != totalRecord - 1) { 
        json += ","; 
      } 
    } 
    json += "]}";
    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();
  }

相关文章

  • jquery京东商城双11焦点图多图广告特效代码分享

    jquery京东商城双11焦点图多图广告特效代码分享

    这篇文章主要介绍了jquery京东商城双11焦点图多图广告特效,一个精致的焦点图会吸引用户的注意力,让用户产生浏览网站的兴趣至关重要,现在小编推荐给大家一款特别棒的焦点图,感兴趣的小伙伴可以参考下。
    2015-09-09
  • jquery中用函数来设置css样式

    jquery中用函数来设置css样式

    本文主要对jquery中用函数来设置css样式的方法进行详细介绍,具有很好的参考价值,下面就跟小编一起来看下吧
    2016-12-12
  • easyui datagrid 键盘上下控制选中行示例

    easyui datagrid 键盘上下控制选中行示例

    这篇文章主要介绍了扩展datagrid的一个方法keyCtr实现键盘上下控制选中行,需要的朋友可以参考下
    2014-03-03
  • Jquery Datatables的使用详解

    Jquery Datatables的使用详解

    Datatables 是一款强大的Jquery表格处理插件,样式方面可以兼容bootstrap3/4、JqueryUi等,也有默认的样式可以选择。使用Datatables可以很灵活的从服务端通过ajax更新表格数据,实现排序、分页等功能
    2020-01-01
  • jquery ajax请求实例深入解析

    jquery ajax请求实例深入解析

    jquery中封装了一些ajax请求的方法,很实用,本文将以此引入一个实例,对jquery中ajax请求的方法进行详细介绍,需要了解更多的朋友可以参考下
    2012-11-11
  • jQuery分页插件jquery.pagination.js使用方法解析

    jQuery分页插件jquery.pagination.js使用方法解析

    这篇文章主要为大家详细解析了jQuery分页插件jquery.pagination使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • 基于jQuery的$.getScript方法去加载javaScript文档解析

    基于jQuery的$.getScript方法去加载javaScript文档解析

    下面小编就为大家带来一篇基于jQuery的$.getScript方法去加载javaScript文档解析。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • Jquery 实现grid绑定模板

    Jquery 实现grid绑定模板

    这篇文章主要介绍了Jquery 实现grid绑定模板的相关资料,需要的朋友可以参考下
    2015-01-01
  • jquery基础教程之数组使用详解

    jquery基础教程之数组使用详解

    jQuery的数组处理、便捷、功能齐全。一步到位的封装了很多原生JavaScript数组不能企及的功能。下面是jquery数组的使用详解,需要的朋友可以参考下
    2014-03-03
  • Jquery倒计时源码分享

    Jquery倒计时源码分享

    这是一个基于jquey写的倒计时。当然代码有点小改动,只是改了一下展示效果。
    2014-05-05

最新评论