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

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

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

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

服务器端代码:

/**

* 异步(返回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 ;

}

客户端的代码:

//异步 根据分页来取错误码历史 数据

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

{

// 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=$("

");

var span1=$("");

var span2=$("");

var span3=$("");

var span4=$("");

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}$/,' ');

}

总结如下:

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",

相关推荐

迪奥999口红适合日常用吗?迪奥999适合多大年龄?
365bet育在线网址

迪奥999口红适合日常用吗?迪奥999适合多大年龄?

⌛ 07-23 👁️ 430
掌握Python,轻松按行读取文件每一步!揭秘高效文件处理技巧
「麦芒5无线拉新」华为麦芒5无线和移动数据如何设置
365体育平台靠谱吗

「麦芒5无线拉新」华为麦芒5无线和移动数据如何设置

⌛ 06-28 👁️ 8258
空投包的制作方法
365体育平台靠谱吗

空投包的制作方法

⌛ 08-04 👁️ 7204
从微距到大炮 宾得5款顶级镜头对比评测
365bet在线体育投注

从微距到大炮 宾得5款顶级镜头对比评测

⌛ 07-30 👁️ 587
电池充电
365bet在线体育投注

电池充电

⌛ 07-25 👁️ 789
多人联机pvp游戏排行榜前十
365体育平台靠谱吗

多人联机pvp游戏排行榜前十

⌛ 07-23 👁️ 712
闽南话妖秀是什么意思(闽南话骂人日常用语)
365bet育在线网址

闽南话妖秀是什么意思(闽南话骂人日常用语)

⌛ 07-30 👁️ 9033
「maybe」和「may be」其實很不一樣!
365bet育在线网址

「maybe」和「may be」其實很不一樣!

⌛ 08-05 👁️ 2885