zoukankan      html  css  js  c++  java
  • ajax使用post提交中文

    Ajax使用POST提交中文乱码问题 
    前段时间写JSP,使用AJAX以POST方式提交数据,如果是中文字符提交就会乱码,后来写ASP时用到AJAX以POST方式提交数据,中文一样是乱码。搜索一下相关资料,问题应该是提交数据时是以UTF-8编码提交,所以接收时如果使用GB2312或者其它中文编码的话就会乱码。
    
    使用GET方式提交数据的时候,中文问题很好解决,setRequestHeader("Content-Type","text/html; encoding=gb18030")就可以了。但这个方法在POST方式中却不起作用。大家都知道GET方式提交数据有长度限制,有时我们必须使用 POST方式来提交数据。
    
    对于使用POST,JSP的解决方法如下:
    使用escape(或encodeURI,两个函数都是JavaScript的函数,功能基本相同,可以查一下相关的帮助),但要使用两次,这个是关键。
    
    初始页面内容如下(hello.jsp):
    <%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>AJAX提交页面</title>
    <meta http-equiv="Content-Type" content="text/html; charset=GB18030">
    <script type="text/javascript">
    function justdo(){
        var post = "name=王力猛&email=wallimn@sohu.com&bokee=http://wallimn.bokee.com";
        post = encodeURI(post);
        post = encodeURI(post);    //两次,很关键
        var xmlObj = new ActiveXObject("Msxml2.XMLHTTP");
        var URL = "act.jsp";    //文件名需要调整成测试时的相应位置
        xmlObj.open("POST",URL,true);
        xmlObj.setRequestHeader("Cache-Control","no-cache");
        xmlObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
        xmlObj.send(post);    //注意:POST方式,使用这个来发送内容
    }
    </script>
    </head> 
    <body>
    <input type="button" value="提交" onclick="justdo()" />
    </body>
    </html>
    
    
    Ajax请求处理页面(act.jsp)的内容如下:
    <%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <%@page import="java.net.URLDecoder"%>
    <html>
    <head>
    <title>ajax deal</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    </head>
    <body>
    <%
    //遍历输出参数内容。
    for (Enumeration e = request.getParameterNames(); e.hasMoreElements();) {
        String h = (String)e.nextElement();
        String v = request.getParameter(h);
        String mm = java.net.URLDecoder.decode(v, "UTF-8");
        System.out.println("请求参数: " + h + " = " + mm);
    }
    %>
    </body>
    </html>
    
    分析:当调用request.getParameter()函数时,会自动进行一次URI的解码过程,调用时内置的解码过程会导致乱码出现。而URI编码两次后,request.getParameter()函数得到的是原信息URI编码一次的内容。再用可控的解码函数 java.net.URLDecoder.decode()就可解出原始的正确的信息。
    
    
    对于ASP,可以在客户端使用JavaScript的encodeURIComponent函数(其它编码函数可能也行,没有试)编码两次,然后ASP使用Request.Form接收后使用JavaScript的decodeURIComponent解码一次:
    
    初始页面内容如下(hello.asp):
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>AJAX提交页面</title>
    <meta http-equiv="Content-Type" content="text/html; charset=GB2312">
    <script type="text/javascript">
    function justdo(){
        var post = "name=" + encodeURIComponent(encodeURIComponent("王力猛"));    //两次
        var xmlObj = new ActiveXObject("Msxml2.XMLHTTP");
        var URL = "act.asp";    //文件名需要调整成测试时的相应位置
        xmlObj.open("POST",URL,true);
        xmlObj.setRequestHeader("Cache-Control","no-cache");
        xmlObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
        xmlObj.send(post);    //注意:POST方式,使用这个来发送内容
    }
    </script>
    </head>
    <body>
    <input type="button" value="提交" onclick="justdo()" />
    </body>
    </html>
    
    Ajax请求处理页面(act.asp)的内容如下:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>ajax deal</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    </head>
    <body>
    <%
    Dim context
    context = decodeText(Request.Form("name"))
    Response.Write("name=" & context)
    %>
    </body>
    </html>
    <script language="javascript" runat="server">
    function decodeText(str){
        return (str == null ? "" : decodeURIComponent(str));
    }
    </script>
    
    ASP处理的原理跟JSP的差不多,都是在客户端编码两次,在服务器端解码一次。以上方法是我总结网上的方法和自己的研究写出来的,如果朋友你有更加好的方法请指教。

  • 相关阅读:
    使用Subversion进行版本控制 针对 Subversion 1.4(根据r2866编译)-------<转载>这是重要的知识点
    UIImageView上添加Button不能响应点击事件[转]
    Unity3D基础学习篇Unity基本原理
    ObjectiveC基础知识-查漏补缺
    C# 参考之方法参数关键字:params、ref及out
    SQL SERVER 2000 创建挂起的文件操作 解决方法
    JavaScript trim函数大赏
    javascript的date对象的方法
    firefox getRangeAt
    ckeditor+ckfinder
  • 原文地址:https://www.cnblogs.com/shaoshao/p/3606247.html
Copyright © 2011-2022 走看看