Ajax中文乱码问题解决方法（服务器端用servlet）-阿里云开发者社区

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

2017-11-09 1357

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

最近研究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，如需转载请自行联系原作者

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

热门文章

最新文章

相关课程

相关电子书

相关实验场景