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的差不多，都是在客户端编码两次，在服务器端解码一次。以上方法是我总结网上的方法和自己的研究写出来的，如果朋友你有更加好的方法请指教。

ajax使用post提交中文的更多相关文章

  1. 解决ajax get方式提交中文参数乱码问题

    最近在工作中遇到,使用ajax get方式提交中文参数的时候出现乱码,通过上网搜索,总结出比较简单的两种解决方案: 第一种,由于tomcat默认的字符集是ISO-8859-1,修改Tomcat中的se ...

  2. JQuery中Ajax的Post提交中文乱码的解决方案

    出自:http://m.blog.csdn.net/blog/blueheart20/26370023 引言: 在JQuery的Ajax POST请求中,进行请求,其中的中文在后台,显示为乱码,该如何 ...

  3. 在jQuery中Ajax的Post提交中文乱码的解决方案

    引言: 在jQuery的Ajax POST请求中,进行请求,其中的中文在后台,显示为乱码,该如何解决呢? 问题的引入: var regid = $('#oregion').combobox('getV ...

  4. 解决ajax get post方式提交中文参数乱码问题

    最近在工作中遇到,使用ajax get方式提交中文参数的时候出现乱码,通过上网搜索,总结出比较简单的两种解决方案: 第一种,由于tomcat默认的字符集是ISO-8859-1,修改Tomcat中的se ...

  5. Ajax.BeginForm()实现ajax无刷新提交

    1. 同时安装 Microsoft jQuery Unobtrusive ajax 和 jQuery Unobtrusive Ajax,如下图 安装完成之后多了如下的js库 2. 引用该js库 lay ...

  6. 导出excel用ajax不行，提交form表单可以

    导出excel用ajax不行,提交form表单可以. 一直用ajax找原因,网页不出现下载提示框 写了 response.setContentType("application/binary ...

  7. get方式提交中文乱码解决

    get方式提交中文时会乱码,过滤器只过滤post请求,此时可修改tomcat配置文件server.xml,为Connector添加属性URIEncoding="utf-8". ec ...

  8. Ajax无刷新提交

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. ajax跨域提交

    ajax跨域提交     如果在两个网站之间进行异步互动想要通过ajax时不可能的,因为header不支持xmlhttprequest这种方式的跨域提交. 但是jquery的ajax同时还提供了jso ...

随机推荐

  1. MSBI BigData demo—sqoop import

    --sp_readerrorlog 读取错误的信息记录 exec sys.sp_readerrorlog 0, 1, 'listening'查看端口号 首先hadoop环境要配置完毕,并检验可以正常启 ...

  2. USACO section1.2 Miking cows

    /* ID: vincent63 LANG: C TASK: milk2 */ #include <stdio.h> #include<stdlib.h> #include&l ...

  3. openfire+asmack搭建的安卓即时通讯（二） 15.4.9

    上期没有放成果图呢!忘了=-=,这就是上次的成果图,textview里面会显示登陆的名字(这个是默认管理员帐号=-=) 好吧,登陆了服务器我们就有了交互的功能啦可以说是前进了一大步呢!下面能我们就要试 ...

  4. java如果读取xml内容

    本文介绍的是使用dom4j方式读取,如需要其他方式可自行百度. 1.首先导入dom4j的jar包:http://www.dom4j.org/dom4j-1.6.1/ 2.准备xml文件 <?xm ...

  5. 【Ext.Net学习笔记】07：后续

    这些笔记都是在这个地址看到的:http://www.qeefee.com/category/extnet 然后跟着敲,去理解的. Ext.NET其实就是基于跨浏览器的ExtJS库和.NET Frame ...

  6. 三维网格形变算法（Laplacian-Based Deformation）

    网格上顶点的Laplace坐标(均匀权重)定义为:,其中di为顶点vi的1环邻域顶点数. 网格Laplace坐标可以用矩阵形式表示:△=LV,其中,那么根据网格的Laplace坐标通过求解稀疏线性方程 ...

  7. Android配置----adb工具的使用

    Adb(android debug bridge):android 调试桥,用于将本地的文件 push 到环境中,或者从手机环境中 pull 文件到本地. 一.ADB的主要功能: · 运行设备的she ...

  8. Saltstack-自动化部署

    Saltstack概述 Salt一种全新的基础设施管理方式,部署轻松,在几分钟内可运行起来,扩展性好,很容易管理上万台服务器,速度够快,服务器之间秒级通讯. salt底层采用动态的连接总线, 使其可以 ...

  9. Eclipse发布地址不同引发的问题

    eclipse发布到workspace metadata时,进不去http://localhost:8888页面.但是,它可以启动JAZZ和“公司的一个工程”. 而 eclipse发布到tomcat ...

  10. HttpServletRequest 中 getRequestURL和getRequestURI的区别

    比如说有这样的一个页面 test1.jsp======================= <a href ="test.jsp?name=wf">跳转到test2.js ...