Javascript和Ajax中文乱码吐血版解决方案

 更新时间:2009年12月21日 03:45:01   作者:  
一般来说中文乱码用js结合escape来解决,但下面的方法是一般后台中的一些问题,需要注意下输出顺序,先声明编码类型在输出内容是个好习惯。

今天弄了一天的Ajax中文乱码问题,Ajax的乱码问题分为两种:

1. JavaScript输出的中文乱码,

比如:alert("中文乱码测试");

解决的办法比较简单,就是把jsp里所有的charset和pageEncoding的值都设置成相同的,一般是utf-8.

2. 这第二种就是Ajax从服务器端获得的数据出现乱码的问题。(我搜了n个小时试了n中方法才找到答案)

现在将我搜集的比较有效的方法都与大家分享:(我使用的开发环境是Eclipse,相信其他语言和开发环境都差不太多。)

 比如

var message = xmlHttp.responseText;
 alert("message: "+message);

获得这个message输出就是乱码

 

解决办法:

1. 修改编码。切记要将代码备份一下,改了编码之后中文会变为乱码。

在js文件上右键点击Properties,修改Text file encode 为UTF-8(这里应当与jsp中的编码相同) 

 

同样的将JavaScript source file和JSP的Default encoding设置为UTF-8(这里应当与jsp中的编码相同,这样以后的项目就都是utf-8的编码了,推荐使用这个)

2. 注意response.setContentType("text/html;charset=utf-8");和PrintWriter out = response.getWriter();的位置关系,切记要将PrintWriter out = response.getWriter();放在response.setContentType("text/html;charset=utf-8");的后面,否则设置的编码将无效,这也是我弄了n久都搞不定的原因!!!

问题解决。 

相关文章

  • flexible.js实现移动端rem适配方案

    flexible.js实现移动端rem适配方案

    这篇文章主要介绍了flexible.js实现移动端rem适配方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • 细说webpack源码之compile流程-rules参数处理技巧(1)

    细说webpack源码之compile流程-rules参数处理技巧(1)

    webpack作为一种流行的打包工具被广泛应用在web项目的前端工程化构建中。下面通过本文给大家介绍webpack源码之compile流程-rules参数处理技巧,感兴趣的朋友一起看看吧
    2017-12-12
  • JavaScript函数参数使用带参数名的方式赋值传入的方法

    JavaScript函数参数使用带参数名的方式赋值传入的方法

    这篇文章主要介绍了JavaScript函数参数使用带参数名的方式赋值传入的方法,实例分析了javascript函数传递参数的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • javascript中createElement的两种创建方式

    javascript中createElement的两种创建方式

    这篇文章主要介绍了javascript中createElement的两种创建方式,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-05-05
  • JavaScript实现文字跟随鼠标特效

    JavaScript实现文字跟随鼠标特效

    这篇文章主要介绍了JavaScript如何实现文字跟随鼠标特效,d代码简单易操作,感兴趣的朋友可以参考下
    2015-08-08
  • JS利用map整合双数组的小技巧分享

    JS利用map整合双数组的小技巧分享

    Map是一组键值对的结构,具有极快的查找速度,下面这篇文章主要给大家介绍了关于JS利用map整合双数组的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2021-08-08
  • js动态生成按钮并动态生成8位随机数

    js动态生成按钮并动态生成8位随机数

    用js生成按钮,动态生成8位随机数的脚本
    2008-09-09
  • DOM操作一些常用的属性汇总

    DOM操作一些常用的属性汇总

    这篇文章主要介绍了DOM操作一些常用的属性汇总,总结的相当全面,附上示例,是篇非常不错的学习提高DOM操作的文章,推荐给大家。
    2015-03-03
  • Javascript动画效果(2)

    Javascript动画效果(2)

    这篇文章主要为大家详细介绍了第二篇Javascript动画效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • js实现AI五子棋人机大战

    js实现AI五子棋人机大战

    这篇文章主要为大家详细介绍了js实现AI五子棋人机大战,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12

最新评论