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. [转]jQuery插件实现模拟alert和confirm

    本文转自:http://www.jb51.net/article/54577.htm (function () { $.MsgBox = { Alert: function (title, msg) ...

  2. 瓶颈生成树与最小生成树 POJ 2395 Out of Hay

    百度百科:瓶颈生成树 瓶颈生成树 :无向图G的一颗瓶颈生成树是这样的一颗生成树,它最大的边权值在G的所有生成树中是最小的.瓶颈生成树的值为T中最大权值边的权. 无向图的最小生成树一定是瓶颈生成树,但瓶 ...

  3. Android开发环境搭建（转）

    转载:http://www.cnblogs.com/zoupeiyang/p/4034517.html#1 引言   在windows安装Android的开发环境不简单也说不上算复杂,本文写给第一次想 ...

  4. HBuilder打包ios应用

    1先安装itunes在电脑上 2,在HBuilder的工具栏上的"工具"选项卡上安装ios插件

  5. 创建服务factory和service方法的区别

    factory方法返回的是对象,json或数组,也可以返回字符串类型的数据,但service方法只能返回数据或对象 创建服务有3种方法 $provide.provider('服务名',function ...

  6. NSProgress

    苹果公司在 iOS 7 and OS X 10.9引入NSProgress类,目标是建立一个标准的机制用来报告长时间运行的任务的进度.NSProgress引入之后,其最重要的作用是可以在一个app的多 ...

  7. Expression<Func<T,TResult>>和Func<T,TResult>

    1.Expression<Func<T,TResult>>是表达式 //使用LambdaExpression构建表达式树 Expression<Func<int, ...

  8. NET Office 组件Spire

    高效而稳定的企业级.NET Office 组件Spire   在项目开发中,尤其是企业的业务系统中,对文档的操作是非常多的,有时几乎给人一种错觉的是"这个系统似乎就是专门操作文档的" ...

  9. C语言 二级指针内存模型③

    //二级指针内存模型③ #define _CRT_SECURE_NO_WARNINGS #include <stdio.h> #include <stdlib.h> #incl ...

  10. java遍历hashTable

    //获取key值 Enumeration k = lovResults.keys();while(k.hasMoreElements()){ System.out.println(k.nextElem ...