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. 欧拉函数 cojs 2181. 打表

    cojs 2181. 打表 ★☆   输入文件:sendtable.in   输出文件:sendtable.out   简单对比时间限制:1 s   内存限制:256 MB [题目描述] 有一道比赛题 ...

  2. 软件工程实训项目案例--Android移动应用开发

    实训过程 角色分工 1.项目经理:负责项目的组织实施,制定项目计划,并进行跟踪管理 2.开发人员:对项目经理及项目负责 3.需求分析员:负责系统的需求获取和分析,并协助设计人员进行系统设计 4.系统设 ...

  3. 项目回顾3-再谈图片上传-FormData+ajax上传

    上次在纠结图片上传用base64还是form表单,现在感觉好蠢,因为又开辟了第三条道路. 其实也根本用不到form 只需要一个上传文件的input就好了 <input id="file ...

  4. jquery模拟下拉框单选框复选Select，Checkbox，Radio

    在项目中,你会发现设计稿中常常会有单选框,复选框,但都不是系统默认的样式,这就可以用jquery来模拟它们:如图所示,实现它们所需要的代码如下: 首先需要引入的代码: <link rel=&qu ...

  5. 2014 Super Training #7 E Calculate the Function --矩阵+线段树

    原题:ZOJ 3772 http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemCode=3772 这题算是长见识了,还从没坐过矩阵+线段树的题 ...

  6. 二维背包（钟神想要的）（不是DP）

    [问题描述] 背包是个好东西,希望我也有.给你一个二维的背包,它的体积是? × ?.现在你有一些大小为1× 2和1×3的物品,每个物品有自己的价值.你希望往背包里面装一些物品,使得它们的价值和最大,问 ...

  7. Unity Sample Bootcamp

    M4枪 射击特效 Gun.js源码 function GenerateGraphicStuff(hit : RaycastHit) { var hitType : HitType; var body ...

  8. Renderer.materials

    修改方法 meshBody.renderer.materials[].mainTexture= clothes[]; meshBody.renderer.materials[]=maters[]; 以 ...

  9. linux强制用户下线

    Linux系统为多用户多任务系统,因此允许多个用户登录到系统,有时候,我们需要强制某些用户下线. 前提:必须是root权限操作:(1)使用who查看目前有哪些用户登录了服务器,见下图 [root@vm ...

  10. 【mybatis】1、入门CURD基本操作（环境搭建）

    #1.基本环境 环境 版本 jdk 1.7.0_10 ide eclipse-jee-luna-SR2-win32-x86_64 maven 3.3.3 mybatis 3.2.7 mysql 5.1 ...