Ajax通过POST方法发送中文信息乱码解决

最新推荐文章于 2021-08-05 14:40:57 发布
最新推荐文章于 2021-08-05 14:40:57 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： Ajax

开发项目用Ajax的Post方法提交信息到请求的servlet，输出遇到中文乱码，纠结了好几天，总结了网络上很多高手的心得，用了两步解决了乱码：

  1. 在JS端，对提交的字符串进行两次编码：
    Js代码   收藏代码
    1. <%@page contentType="text/html" pageEncoding="gbk"%>  
    2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
    3.     "http://www.w3.org/TR/html4/loose.dtd">  
    4.   
    5. <html>  
    6.     <head>  
    7.         <meta http-equiv="Content-Type" content="text/html; charset=gbk">  
    8.         <title>JSP Page</title>  
    9.   
    10.         <script type="text/javascript">  
    11.             var req;  
    12.             function validate() {  
    13.                 //获取表单提交的内容  
    14.                 var idField = document.getElementById("userName").value;  
    15.                 //要发送的字符串数据  
    16.                 var content = "id=hello&message=" + idField + "&say=我是帅哥";  
    17.                   
    18.                 //重点：对content含中文字符的字符串进行两次编码  
    19.                 content = encodeURI(content);  
    20.                 content = encodeURI(content);  
    21.                 var url = "validate.do";  
    22.                 //创建一个XMLHttpRequest对象req  
    23.                 if(window.XMLHttpRequest) {  
    24.                     //IE7, Firefox, Opera支持  
    25.                     req = new XMLHttpRequest();  
    26.                 }else if(window.ActiveXObject) {  
    27.                     //IE5,IE6支持  
    28.                     req = new ActiveXObject("Microsoft.XMLHTTP");  
    29.                 }  
    30.   
    31.                 req.open("post", url, true);  
    32.                 req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");  
    33.                 req.onreadystatechange = callback;  
    34.                 //send函数发送请求，参数  
    35.                 req.send(content);  
    36.             }  
    37.   
    38.             function callback() {  
    39.                 //alert(req.readyState);  
    40.                 //alert(req.status);  
    41.                 if(req.readyState == 4 && req.status == 200) {  
    42.                     //alert(req.status);  
    43.                     //alert(req.responseText);  
    44.                     var check = req.responseText;  
    45.                     show (check);  
    46.                 }  
    47.             }  
    48.   
    49.             function show(str) {  
    50.                 document.getElementById("info").innerHTML = str;  
    51.             }  
    52.         </script>  
    53.     </head>  
    54.     <body>  
    55.         <h1>Test Ajax</h1><p>  
    56.         <form action="" method="get" name="form">  
    57.             <br>  
    58.             输入用户名：  
    59.             <input type="text" size="10" maxlength="8" id="userName" name="name" οnblur="validate()">  
    60.             <span id="info"></span>  
    61.             <br>  
    62.             输入商品名：  
    63.             <input type="submit" name="refer" >  
    64.         </form>  
    65.     </body>  
    66. </html>  
     
  2. 在servlet端，对接收的数据的进行一次解码：
    Java代码   收藏代码
    1. package com.model;  
    2.   
    3. import java.io.IOException;  
    4. import java.io.PrintWriter;  
    5. import java.util.Enumeration;  
    6. import javax.servlet.ServletException;  
    7. import javax.servlet.http.HttpServlet;  
    8. import javax.servlet.http.HttpServletRequest;  
    9. import javax.servlet.http.HttpServletResponse;  
    10. import java.net.URLDecoder;  
    11.   
    12. /** 
    13.  * 
    14.  * @author Gavin 
    15.  */  
    16. public class DoAjaxServlet extends HttpServlet {  
    17.      
    18.     protected void processRequest(HttpServletRequest request, HttpServletResponse response)  
    19.     throws ServletException, IOException {  
    20.         response.setContentType("text/html;charset=gbk");  
    21.         request.setCharacterEncoding("gbk");  
    22.         PrintWriter out = response.getWriter();  
    23.         try {  
    24.             response.setHeader("Cache-Control", "no-store");  
    25.             response.setHeader("Pragma", "no-cache");  
    26.             response.setDateHeader("Expires", 0);  
    27.             //这里有个小问题：如果写成String put = null;将会输出一个null后面再加上增加的字符  
    28.             String put = "";  
    29.             for(Enumeration<String> e = request.getParameterNames(); e.hasMoreElements(); ) {  
    30.                 String h = (String) e.nextElement();  
    31.                 String c = (String)request.getParameter(h);  
    32.                 put += c;  
    33.                   
    34.             }  
    35.             //重点在这里，对接受到的信息进行解码  
    36.             String putDecoded = java.net.URLDecoder.decode(put,"utf-8");  
    37.             System.out.println(pute);  
    38.             out.write("message is:" + putDecoded);  
    39.         } finally {   
    40.             out.close();  
    41.         }  
    42.     }   
    43.   
    44.     @Override  
    45.     protected void doGet(HttpServletRequest request, HttpServletResponse response)  
    46.     throws ServletException, IOException {  
    47.         processRequest(request, response);  
    48.     }   
    49.   
    50.     @Override  
    51.     protected void doPost(HttpServletRequest request, HttpServletResponse response)  
    52.     throws ServletException, IOException {  
    53.         processRequest(request, response);  
    54.     }  
    55.   
    56.     @Override  
    57.     public String getServletInfo() {  
    58.         return "Short description";  
    59.     }// </editor-fold>  
    60.   
    61. }  
     
a771948524
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery的Ajax中Post方法传递中文出现乱码的解决方法
10-25
主要介绍了JQuery的Ajax中Post方法传递中文出现乱码的解决方法,较为深入的分析了Ajax的post方法出现乱码的原因,以及具体的解决方法,需要的朋友可以参考下
获取 request 中用POST方式"Content-type"是"application/x-www-form-urlencoded;charset=utf-8"发送的 json 数据
热门推荐
mingtianhaiyouwo的博客
05-20 15万+
request中发送json数据用post方式发送Content-type用application/json;charset=utf-8方式发送的话，直接用springMVC的@RequestBody标签接收后面跟实体对象就行了，spring会帮你自动拼装成对象，如果Content-type设置成application/x-www-form-urlencoded;charset=utf-8就不能用
JS中的JSON和AJAX中文乱码
monkeydie的博客
11-24 3443
1.这是从数据库取出的数据，在servlet处绑定为json数据，再发回到ajax前台，这里就会遇到两个问题： ①中文乱码问题。在后台服务端不存在乱码的问题，可以正常输出，但是到了前台所有的中文都会变成问号。 原因是前后台的编码不一致导致，一般前台的编码默认为UTF-8，因此在后台设置:                 response.setCharacterEncoding("UTF
发送ajax请求 设置编码,ajax里post 设置请求头的编码格式
weixin_29003437的博客
08-05 4090
我们常用的ajax形式就是post和get。post需要设置请求头，那么问题来了：首先，为什么get不需要设置编码格式？其次：不设置post请求头编码格式可以吗？还有：常用的请求头编码格式有哪些？get方法ajax请求，xhr.open把参数和url放在一块，常见请求头格式：json：xhr.setRequestHeader("Content-type","application/json; ch...
ajax html页面传值乱码,jQuery Ajax传值到Servlet出现乱码问题的解决方法
weixin_42433529的博客
06-03 202
最近在学jquery ui,在做一个小功能的时候需要将前台的值获取到，通过Ajax传递给Servlet，然后再在返回数据结果，但是在Servlet接受参数的时候，通过后台打印，发现接受乱码，代码示例如下：public void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException...
ajax返回值中文变成问号,用ajax传递json到前台中文出现问号乱码问题的解决办法...
weixin_39603598的博客
08-05 3308
用ajax传递json到前台中文出现问号乱码问题的解决办法我使用的Springmvc，在controller层传输一个json到前台，后台显示没问题，中文正常显示而到了前台中文就变成了问号。后来发现，因为在controller中返回json用了@ResponseBody，而spring源码中@ResponseBody 的实现类发现其默认的编码是 iso-8859-1，而项目用的编码为utf-8,所...
ajax后台接收中文乱码,后台接收ajax提交的中文参数乱码问题及解决办法(附各种编码解释)...
weixin_32567865的博客
08-05 1146
1.UrlEncode：将字符串以URL编码,所有的中文参数都会在传输过程中转化为url编码2.iso-8859-1:是JAVA网络传输使用的标准 字符集tomcat默认接收的编码级.3.pageEncoding="UTF-8"的作用是设置JSP编译成Servlet时使用的编码。4.contentType="text/html;charset=UTF-8"的作用是指定对服务器响应进行重新编码的编码...
jquery+jsp+servlet做$.ajax交互时出现中文乱码（字符集问题）的解决方案
nkliming的专栏
08-18 4181
今天在用jquery的$.ajax方法做异步交互时遇到很蛋疼的中文乱码问题，折腾了好几个小时，终于解决了。现在我就详细地说明一下问题的解决经过。 我的最终代码如下： 代码段一：（getResultServlet.java） public static String decodeJqueryAjaxStr(String str){ if(str==null || str.equals(
页面和后台servlet中都设置成utf-8了，Ajax还是乱码
LDK22
12-01 4075
很奇怪，都弄成统一编码了，还是乱码，于是看了很多网上的文章，最后总结成以下几点： 1、 ； 2、传递参数时：var url="/Province-City/selectedservlet?selectValue="+encodeURI(selectValue)+"&selectId="+selectId+"&sid="+Math.random(); 不管是get还是post请求，在传递参数时
Servlet 传输中文乱码原理及解决方法
qishubiao的博客
10-06 1万+
乱码原理: 在整个Servlet访问过程中牵扯到 浏览器,Tomcat,Java程序三者 浏览器默认编码方式:gbk, Tomcat默认编码:iso-8859-1 , java代码中的编码一般常用utf-8
JQuery中Ajax的Post提交中文乱码、windows.location.href 中文汉字乱码和springmvc使用原生态HttpServletRequest接收参数中文乱码解决办法
林可凡的博客
08-12 1850
原文地址：http://blog.csdn.net/blueheart20/article/details/26370023 引言： 在jQuery的Ajax POST请求中，进行请求，其中的中文在后台，显示为乱码，该如何解决呢？ 问题的引入：    var regid = $('#oregion').combobox('getValue');             //var
AJAX在Post中文的时候乱码的解决方法
10-30
AJAX在Post中文的时候乱码的解决方法
JQuery中Ajax的Post提交在IE下中文乱码的解决方法
12-02
引言： 在JQuery的Ajax POST请求中，进行请求，其中的中文在后台，显示为乱码，该如何解决呢？ 问题的引入： 代码如下: var regid = $(‘#oregion’).combobox(‘getValue’); //var sname = $(‘#sname’).val(); ...
node-v16.12.0-darwin-x64.tar.xz
最新发布
04-23
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
试用Dev Containers的示例项目-Go
04-23
计算机技术是指评价计算机系统的各种知识和技能的总称。它涵盖了计算机硬件、软件、网络和信息安全等方面。计算机技术的发展使我们能够进行高效的数据处理、信息存储和传输。现代计算机技术包括操作系统、数据库管理、编程语言、算法设计等。同时，人工智能、云计算和大数据等新兴技术也在不断推动计算机技术的进步。计算机技术的应用广泛，涵盖了各个领域，如商业、医疗、教育和娱乐等。随着计算机技术的不断革新，我们可以更加高效地实现预期自动化、标准化
NTsky新闻发布v1.0测试版(提供JavaBean).zip
04-23
### 内容概要： 《NTsky新闻发布v1.0测试版》是一款基于 Java 开发的新闻发布系统的测试版本，旨在为新闻机构和媒体提供一个简单易用的新闻发布平台。该系统具有基本的新闻发布和管理功能，包括新闻分类、新闻编辑、新闻发布等核心功能。此外，该版本还提供了 JavaBean，使开发人员能够方便地将系统集成到自己的项目中，快速实现新闻发布的功能。 ### 适用人群： 本测试版本适用于新闻机构、媒体从业者以及Java开发人员。如果你是一家新闻机构或媒体，希望拥有一个简单易用的新闻发布平台，方便快捷地发布和管理新闻，那么这个测试版本将为你提供一个初步的体验。同时，如果你是一名Java开发人员，希望学习和掌握新闻发布系统的开发技术，并且对新闻行业有一定的了解，那么通过这个测试版本，你可以获取到一些JavaBean，并且可以参考系统的设计和实现，为你的项目开发提供参考和借鉴。无论是从业务需求还是技术学习的角度，该测试版本都将为你提供一定的帮助和支持。
JavaScript介绍.zip
04-23
javascript，JavaScript 最初由 Netscape 公司的 Brendan Eich 在 1995 年开发，用于 Netscape Navigator 浏览器。随着时间的推移，JavaScript 成为了网页开发中不可或缺的一部分，并且其应用范围已经远远超出了浏览器，成为了全栈开发的重要工具。
15-21.php
04-23
15-21.php
汽车租赁系统（毕业设计）
04-23
汽车租赁系统后端采用了spring，spring mvc，mybatis框架，前端使用了layui，界面美观。 包含功能：客户管理，车辆管理，出租，出租单管理，汽车入库，检查单管理，菜单管理，用户管理，角色管理，日志管理，统计分析等。 该毕业设计功能涵盖了大部分汽车租赁中的业务需求，特点是业务功能较多，有助于学生加深业务到技术的理解。
ajax.post(url)中文乱码
05-23
当使用 AJAX POST 请求发送中文数据时，可能会遇到中文乱码的问题。这是因为默认情况下，jQuery AJAX 请求会将数据编码为 URL 编码格式（application/x-www-form-urlencoded），而在 URL 编码格式中，中文会被转换成...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值