Ajax中文乱码问题解决方法(服务器端用servlet)

简介:
+关注继续查看
最近研究ajax,在界面上text中输入中文,发送出去后返回乱码。经过一个晚上的测试,已经得到满意答案,代码如下:

HTML:
    ……
    //实际上这里的
charset=utf-8 也是可以的,因为在中文平台下
    //用了
GB2312 
    <meta http-equiv="Content-Type" content="text/html; charset=GB2312">

JS:
    我用了两个方法提交:GET 和 POST。
    在服务器端要对应不同的提交方式转换不同的编码。  
   ……
    //要传递的参数
   var queryString = "firstName=" + firstName + "&lastName=" + lastName
                          + "&birthday=" + birthday;    function   
  
    //GET方式提交
    doRequestUsingGET() {
        createXMLHttpRequest();
        var url = "GetAndPostExample?" + 
queryString + "&timeStamp="
                          + new Date().getTime();
        xmlHttp.onreadystatechange = handleStateChange;
        xmlHttp.open("GET", url, true);
        xmlHttp.send(null);
    }

    //POST方式提交
    function doRequestUsingPOST() {
        createXMLHttpRequest();
        var url = "GetAndPostExample?timeStamp=" + new Date().getTime();
        xmlHttp.open("POST", url, true);
        xmlHttp.onreadystatechange = handleStateChange;
        xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xmlHttp.send(queryString);
    }

servlet:
        response.setContentType("text/xml");

        //这个一定要设置,这里的设置应该跟HTML中的一样,但是我在这里
        //用了 uft-8, 结果也是一样。
        response.setCharacterEncoding("GB2312");
       
        //当用POST方法时,一定要设置成utf-8,否则乱码
        String firstName = new String(request.getParameter("firstName").getBytes("ISO-8859-1"), "utf-8");

        //当用GET方法时,要设置成GB2312,否则乱码。
        String lastName = new String(request.getParameter("lastName").getBytes("ISO-8859-1"), "GB2312");

测试结果:
因为界面上两个控件
firstName 和  lastName都输入中文。
接收xmlHttp.responseText后,会发现其中一个为乱码,一个可以正常显示中文。

在网上还发现有人说用:
“老问题了,最简单的方法是,全部escape后发送。取回后unescape,绝对没有编码问题。

我测试后发现escape后的东西全部变成null了。不知道有谁成功用过这个方法的,或者还有什么更好的解决乱码的方法,请拿出来共享一下吧 :)



本文转自左正博客园博客,原文链接:http://www.cnblogs.com/soundcode/archive/2011/11/17/2252459.html,如需转载请自行联系原作者

目录
相关文章
|
5天前
|
Web App开发 前端开发 JavaScript
AJAX POST请求中参数以form data和request payload形式在servlet中的获取方式
AJAX POST请求中参数以form data和request payload形式在servlet中的获取方式
11 0
|
11月前
|
JSON 前端开发 JavaScript
jquery ajax 和servlet json 结合的简单小例子
jquery ajax 和servlet json 结合的简单小例子
|
前端开发 安全 JavaScript
使用Servlet+AJAX+AWT实现网站登录时的图片验证码功能
使用Servlet+AJAX+AWT实现网站登录时的图片验证码功能
130 0
使用Servlet+AJAX+AWT实现网站登录时的图片验证码功能
|
XML JSON 前端开发
AJAX学习笔记(五、AJAX+JSON与Servlet前后端交互)
AJAX学习笔记(五、AJAX+JSON与Servlet前后端交互)
126 0
AJAX学习笔记(五、AJAX+JSON与Servlet前后端交互)
|
SQL 前端开发 JavaScript
关于使用jquery的Ajax结合java的Servlet后台判定用户名是否存在
关于把AJAX加入到注册登录demo中去 2018年3月10日 19:21:23 第一次来SUBWAY真切地打代码. 这次的西红柿汤还是挺好喝的. index.jsp: ajax测试 $(function () { $("#loginName").
1217 0
|
Web App开发 JavaScript 前端开发
|
Web App开发 前端开发 Java
springmvc配置一:ajax请求防止返回中文乱码配置说明
Spring3.0 MVC @ResponseBody 的作用是把返回值直接写到HTTP response body里。 Spring使用AnnotationMethodHandlerAdapter的handleResponseBody方法, AnnotationMethodHandlerAdapter使用request header中"Accept"的值和messageConverter支持的MediaType进行匹配,然后会用"Accept"的第一个值写入response的"Content-Type"。
1247 0
相关产品
云迁移中心
推荐文章
更多