AJAX传输中文在各平台的兼容性问题和解决方案

最新推荐文章于 2021-08-05 15:21:39 发布

hulefei29

最新推荐文章于 2021-08-05 15:21:39 发布

阅读量1.4k

点赞数

分类专栏： Web技术文章标签： ajax 平台 xmlhttprequest html servlet jvm

本文链接：https://blog.csdn.net/hulefei29/article/details/3476298

版权

Web技术专栏收录该内容

31 篇文章 0 订阅

订阅专栏

本文探讨了在不同浏览器环境下（IE、Firefox、Chrome）进行AJAX请求时中文字符编码的问题，详细分析了字符集转码的过程，并提供了解决方案。包括encodeURI的使用、服务器端解码及响应头设置等。

摘要由CSDN通过智能技术生成

我主要针对IE和FF进行讨论，google的chorme和IE相近。

首先解释几个字符集转码的只是要点已方便后面阐述。
1.java平台在JVM中运行的字符串为unicode，jsp或servlet的getParamter方法将传进来的不管什么编码的字符串都以ISO-8859-1编码转成unicode，在输出时在使用ISO-8859-1转回输出，这样在程序开发中不会出现乱码，但在web开发中就非常容易出现乱码
2.在ajax传输中文字符是，FF和IE所采用的机制是不同的，FF是将所有的字符自动转化成utf-8再进行传输，而在接受字符串是先从头部获取字符集类型，如果没有在判断<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />中的字符集类型，而IE恰恰相反，在ajax传中文时，使用平台默认字符集，中文平台的话一般式是GBK，而在接受字符串是先判读<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /中的字符集，在判读头部信息中的字符集类型

好了，这两点理解以后，下面解释起来就方便了。

（1）encodeURI：在IE和Chrome中，ajax发送的是平台默认的字符编码GBK，通过encodeURI将GBK和一些特殊字符转换成utf-8（想了解encodeURI的转化详情，可以看我前一篇blog），而在FF中，发送的编码默认为utf-8，所以GBK的编码有FF自动转为utf-8并进行发送，对utf-8编码调用encodeURI方法，则不会改变字符的编码（因为它已经是utf-8了，再编一次也一样）
（2）一般在服务器端会自动对传入的字符串进行url解码
（3）request.getParameter方法又使字符串用ISO-8859-1解码
（4）使用String.getByte("ISO-8859-1")编码为字节数组
（5）在使用new Stirng(str,"utf-8")解码为unicode,然后就可以在JVM中处理了，和一般在程序中创建的字符串一样了
（6）如果你使用System.out.print输出的话，JVM回根据OS默认字符集编码输出
（7）如果你要输出到html中的话，为了各平台的兼容性，使用response.setCharacterEncoding设置头部字符集，在html页面中也使用<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />指定页面编码

说到这里，整个过程大概就是这样了，下面show一下code，来作为这篇文章的结尾把

html：
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=GBK" />
    <title>My JSP 'MyJsp.jsp' starting page</title>
</head>

<script type="text/javascript">
    function createXHR(){
        var request;
        try{
            request = new ActiveXObject('Msxml2.XMLHTTP');
        }catch(e){
            try{
                request = new ActiveXObject('Microsoft.XMLHTTP');
            }catch(e){
                try{
                    request = new XMLHttpRequest();
                }catch(e){
                    alert('创建XMLHttpRequest失败');
                    return null;
                }
            }
        }
        return request;
    }
    </script>

    <script type="text/javascript">
        var xmlHttp = createXHR();
        var url = 'servlet/HandleServlet?name=胡乐费';
        if(xmlHttp != null){
            xmlHttp.open('GET',encodeURI(url),true);
            xmlHttp.onreadystatechange = updatePage;
            xmlHttp.send(null);
        }else{
            alert('创建失败');
        }

        function updatePage(){
                if(xmlHttp.readyState == 4){
                    if(xmlHttp.status == 200){
                        alert(xmlHttp.responseText);
                    }
                }
            }
    </script>

<body>
    <input type="button" name="btn" value="send" />

</body>
</html>

服务器端servlet:
package com.mst.im;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class HandleServlet extends HttpServlet {

    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {

        request.setCharacterEncoding("GBK");
        response.setCharacterEncoding("GBK");
        response.setContentType("text/plain; charset=GBK");
        String name = request.getParameter("name");
        name = new String(name.getBytes("ISO-8859-1"),"utf-8");
        System.out.println(name);
        PrintWriter out = response.getWriter();
        out.print(name);
        out.flush();
        out.close();
    }


    public void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {

        doGet(request,response);
    }

}

最后注明，此篇文字为胡乐费所有，如需转载，请注明作者，尊重知识产权，谢谢！！！！