遇到的问题是: 前台利用Ajax, get方式向后台发送中文数据出现乱码.

解决办法是前台两次编码, 后台一次解码即可.

前台jsp文件

1 var text = "张三";

3 var username = encodeURI(encodeURI(text));

后台servlet代码

 String username =URLDecoder.decode("对应字段","utf-8");

简单登录校验案例.

案例说明:为验证Ajax请求后端控制台中文乱码问题是否解决.

简单登录界面, 用户输入用户名登录. 若用户名未输入用户名则提示"用户名不能为空";若用户名输入为"张三"则提示用户名已被占用.其它均无提示.

前台页面index.jsp

 <%--

   Created by IntelliJ IDEA.

   User: hejjon

   Date: 2019/6/3

   Time: 10:19

   To change this template use File | Settings | File Templates.

 --%>

 <%@ page contentType="text/html;charset=UTF-8" language="java" %>

 <%

     String path = request.getContextPath();

     String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()

             + path + "/";

 %>

 <html>

 <head>

     <base href="<%=basePath%>">

     <title>用户登录界面</title>

     <script type="text/javascript">

         var xhr;

         function change() {

             var val = document.getElementById("uname").value;

             var uname = encodeURI(encodeURI(val));

             if (uname === "") {

                 document.getElementById("namespan").innerHTML = "用户名不能为空";

             } else {

                 // 创建xhr对象

                 xhr = new XMLHttpRequest();

                 // 与服务器建立连接

                 xhr.open("get", "servlet/login?uname=" + uname, true);

                 // 执行回调函数

                 xhr.onreadystatechange = process;

                 // 发送数据

                 xhr.send(null);

             }

         }

         function process() {

            if (xhr.readyState == 4 && xhr.status == 200) {

                // 接收后台响应

                var text = xhr.responseText;

                document.getElementById("namespan").innerHTML = text;

            }

         }

     </script>

 </head>

 <body>

 <p>

     用户: <input type="text" name="uname" id="uname" onblur="change()"/><span id="namespan"></span>

 </p>

 <p>

     密码: <input type="password" name="pwd" id="pwd"/>

 </p>

 </body>

 </html>

后台LoginServlet.java

 import javax.servlet.ServletException;

 import javax.servlet.annotation.WebServlet;

 import javax.servlet.http.HttpServlet;

 import javax.servlet.http.HttpServletRequest;

 import javax.servlet.http.HttpServletResponse;

 import java.io.IOException;

 import java.io.PrintWriter;

 import java.net.URLDecoder;

 @WebServlet("/servlet/login")

 public class LoginServlet extends HttpServlet {

     @Override

     protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

         // 设置后台响应文本格式

         resp.setContentType("text/html;charset=utf-8");

         // 接收前台请求

         String uname = URLDecoder.decode(req.getParameter("uname"));

         // System.out.println(uname);

         PrintWriter out = resp.getWriter();

         if ("张三".equals(uname)) {

             out.print("用户名已被占用");

         } else {

             out.print("用户名可用");

         }

     }

 }

解决Ajax前台中文传到后台出现中文乱码的更多相关文章

  1. 解决Spring boot中读取属性配置文件出现中文乱码的问题

    问题描述: 在配置文件application.properties中写了 server.port=8081 server.servlet.context-path=/boy name=张三 age=2 ...

  2. 如何解决jQuery easyui中locale文件下easyui-lang-zh_CN中文乱码问题

    1.在保存eclipse项目的目录下找到引入easyui-lang-zh_CN.js 2.用记事本打开该js文件,若打开后的中文正常,直接复制,粘贴到项目中的该js文件中,保存 3.若打开后中文出现乱 ...

  3. resin后台输出中文乱码的解决办法！

    resin后台输出中文乱码的解决办法! 学习了:https://blog.csdn.net/kobeguang/article/details/34116429 编辑conf/resin.con文件: ...

  4. 解决ubuntu中zip解压的中文乱码问题

    转自解决ubuntu中zip解压的中文乱码问题 在我的ubuntu12.10中,发现显示中文基本都是正常的,只有在解压windows传过来的zip文件时,才会出现乱码.所以,我用另一个方法解决中文乱码 ...

  5. resin后台输出中文乱码的解决的方法！

    近期从tomcat移植到resin,发现这东西不错啊! 仅仅是后台输出时有时候中文会乱码. 如今找到resin后台输出中文乱码的解决的方法: 编辑conf/resin.con文件: <!--ja ...

  6. python基础系列教程——Python中的编码问题，中文乱码问题

    python基础系列教程——Python中的编码问题,中文乱码问题 如果不声明编码,则中文会报错,即使是注释也会报错. # -*- coding: UTF-8 -*- 或者 #coding=utf-8 ...

  7. iOS 中json解析数据出现中文乱码的问题

    一般服务器的编码格式都是UTF8,这样通过json解析下来的的数据,一般中文是不会出现乱码,但是如果服务器的编码格式不是UTF8,通过json解析的数据中的中文容易出现luan乱码,怎么解决这个问题呢 ...

  8. 解决 Ubuntu 下 gedit编辑器打开文件出现中文乱码问题

    解决 Ubuntu 中 gedit编辑器打开文件出现中文乱码问题 1. 问题分析 在 windows 系统下,.txt 文件默认编码方式为 gb18030 格式的中文编码,而 gedit 默认的编码方 ...

  9. 解决在Linux下安装Oracle时的中文乱码问题

    本帖最后由 TsengYia 于 2012-2-22 17:06 编辑 解决在Linux下安装Oracle时的中文乱码问题 操作系统:Red Hat Enterprise Linux 6.1数据库:O ...

随机推荐

  1. OO助教的退休感想

    深夜失眠+刚赶完火车的胡言乱语,切莫当真,择日修改 一年前,我在学姐的怂恿鼓励下,加上了吴老师的微信,表达了想担任下学期的OO助教的想法.三天后,我到新主楼参加OO助教的面试,其实还是蛮紧张的,毕竟自 ...

  2. 超实用！手把手教你如何用MSF进行后渗透测试！

    在对目标进行渗透测试的时候,通常情况下,我们首先获得的是一台web服务器的webshell或者反弹shell,如果权限比较低,则需要进行权限提升:后续需要对系统进行全面的分析,搞清楚系统的用途:如果目 ...

  3. 基于redis5的session共享：【redis 5.x集群应用研究】

    基于springsession构建一个session共享的模块. 这里,基于redis的集群(Redis-5.0.3版本),为了解决整个物联网平台的各个子系统之间共享session需求,且方便各个子系 ...

  4. Scrapy中的Settings

    Settings Scrapy设置(settings)提供了定制Scrapy组件的方法.可以控制包括核心(core),插件(extension),pipeline及spider组件.比如 设置Json ...

  5. Java学习-053-JSON工具类演示

    日常开发工作,经常遇到使用JSON数据,好久没有写了,今晚抽了三个小时时间写了个JSON工具类,主要包含如下几个方法: 获取JSON字符串所有键路径列表: 获取JSON字符串所有键值列表: JSON数 ...

  6. SpringBoot入门-MongoDB（五）

    安装MongoDB 安装MongoDB MongoDB用户.数据库相关命令操作 https://www.jianshu.com/p/237a0c5ad9fa # 创建用户以及角色 use spring ...

  7. php对数组遍历的两种方式示例

    在对 php 数组遍历时,一般经常使用 foreach 来遍历,很少用 while 来遍历,在下面的代码中作一个对比. <?php $content = ["ID" => ...

  8. maven更改本地的maven私服

    1.今天想升级一个服务的jar包,更改后 使用命令 mvn deploy -e 一直报错, 看错误信息是  私服地址不是公司现在的地址. 想了半天,原来是电脑一直配置的上家公司的私服地址.. 但是在哪 ...

  9. Jenkins集成TestNG

    1.Jenkins安装插件 TestNG Results Plugin 2. 添加配置 “构建后操作”->“Publish TestNG Results” 保持默认配置即可 3.查看报告 项目构 ...

  10. python从写定时器学习Thread

    目录 python从写定时器学习Thread Timer 对象 粗陋的循环定时器 更 pythonic 循环定时器 FAQ python从写定时器学习Thread python 如何写一个定时器,循环 ...