当前位置: 编程技术>jquery
jQuery中文乱码的解决方法
来源: 互联网 发布时间：2014-09-03
本文导语: jQuery中文乱码的处理方法： 方法1，将项目的编码统一设置为UTF-8. 将数据交互时的编码都统一为"UTF-8"; 方法2，如果项目的编码已经统一设置为GBK或GB2312,则在ajax调用向服务端传递中文参数时容易出现中文乱码，这时的处理方...
jQuery中文乱码的处理方法：
方法1，将项目的编码统一设置为UTF-8. 将数据交互时的编码都统一为"UTF-8";
方法2，如果项目的编码已经统一设置为GBK或GB2312,则在ajax调用向服务端传递中文参数时容易出现中文乱码，这时的处理方式如下：
后台：
代码示例:
/* =============禁止缓存============== */
response.setHeader("Pragma", "no-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Expires", "0");
/* =============禁止缓存============== */
response.setContentType("text/html;charset=UTF-8");
response.setCharacterEncoding("UTF-8");
//request.setCharacterEncoding("UTF-8");
String userName = request.getParameter("userName");
userName=URLDecoder.decode(userName, "UTF-8");
//在springmvc中，如没有通过request,或直接设置jquery的编码设置，则需要如下方式转换。
// mykeyword = new String(keyword.getBytes("iso-8859-1"),"UTF-8");
//但如果是encodeURI（）函数转换，则如下就可以。注意，这时参数在 url后面。
userName=URLDecoder.decode(userName, "UTF-8");
response.setHeader("Pragma", "no-cache");
response.setHeader("Cache-Control", "no-cache");
response.setHeader("Expires", "0");
/* =============禁止缓存============== */
response.setContentType("text/html;charset=UTF-8");
response.setCharacterEncoding("UTF-8");
//request.setCharacterEncoding("UTF-8");
String userName = request.getParameter("userName");
userName=URLDecoder.decode(userName, "UTF-8");
//在springmvc中，如没有通过request,或直接设置jquery的编码设置，则需要如下方式转换。
// mykeyword = new String(keyword.getBytes("iso-8859-1"),"UTF-8");
//但如果是encodeURI（）函数转换，则如下就可以。注意，这时参数在 url后面。
userName=URLDecoder.decode(userName, "UTF-8");
前台如：
代码示例:
var myurl="grzx/validateUserNameIsExists.do?userName="+username;
myurl=encodeURI(myurl);
myurl=encodeURI(myurl);
jQuery.ajax({
url:myurl,
type:'POST',
async:false,
data:{},
success:function(data){
var msg=eval('('+data+')');
// var msg=JSON.parse(data);
if(!msg.result){
jQuery('#myusername').attr('value','');
alert('用户名已存在！请用新的用户名');
}
}
});
myurl=encodeURI(myurl);
myurl=encodeURI(myurl);
jQuery.ajax({
url:myurl,
type:'POST',
async:false,
data:{},
success:function(data){
var msg=eval('('+data+')');
// var msg=JSON.parse(data);
if(!msg.result){
jQuery('#myusername').attr('value','');
alert('用户名已存在！请用新的用户名');
}
}
});
进行两次编码。
在前台传递的“哈哈大笑”，在后台编码前为：“%E5%93%88%E5%93%88%E5%A4%A7%E7%AC%91”；就算成功了。
当然，只编码一次也是可以的，将jquery的编码设置为"UTF-8"; 加上;charset='UTF-8'就好了。
例如：
代码示例:
contentType : 'application/json;charset=UTF-8',
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。