iLeichun

当前位置: 首页 > Ajax

Ajax中的中文问题

分类:Ajax   来源:网络   时间:2010-08-22 12:53:54

最近研究ajax,在界面上text中输入中文,发送出去后返回乱码。经过一个晚上的测试,以及得到满意答案,代码如下:

HTML:
    ……
    //实际上这里的charset=utf-8 也是可以的,因为在中文平台下
    //用了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了。不知道有谁成功用过这个方法的,或者还有什么更好的解决乱码的方法,请拿出来共享一下吧 :)
 

 

更多