Ajax使用POST提交中文乱码问题
编程技术 / houtizong 发布于 3年前 56
- 前段时间写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 protected]&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()就可解出原始的正确的信息。
请勿发布不友善或者负能量的内容。与人为善，比聪明更重要！
技术博客集 - 网站简介：
前后端技术：
后端基于Hyperf2.1框架开发,前端使用Bootstrap可视化布局系统生成
网站主要作用：
1.编程技术分享及讨论交流，内置聊天系统;
2.测试交流框架问题，比如：Hyperf、Laravel、TP、beego;
3.本站数据是基于大数据采集等爬虫技术为基础助力分享知识，如有侵权请发邮件到站长邮箱，站长会尽快处理;
4.站长邮箱：[email protected];
文章归档
文章标签
友情链接
