Ajax 解决中文乱码问题

最新推荐文章于 2022-06-21 20:38:02 发布

相随心声

最新推荐文章于 2022-06-21 20:38:02 发布

阅读量949

点赞数

分类专栏： Jquery 文章标签： ajax xmlhttprequest servlet jquery 服务器 function

本文链接：https://blog.csdn.net/xiangsuixinsheng/article/details/6595073

版权

Jquery 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

CheckUserName.java的Servlet代码如下:

package com.web;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class CheckUserName extends HttpServlet {


   public void doGet(HttpServletRequest request, HttpServletResponse response)
           throws ServletException, IOException {
       //HttpServletResponse.setContentType("text/html:charset=utf-8");
       request.setCharacterEncoding("utf-8");
       response.setCharacterEncoding("utf-8");
       PrintWriter out=response.getWriter();
       //获取页面参数
       String userName=request.getParameter("userName");
       //检测参数是否与DB中相应数据相匹配
       if(userName==null||userName.length()==0){
           out.println("用户名不能为空");
       }else{
           //校验操作
           if(userName.equals("tfq")){
               //返回页面数据
               out.println("用户名已经存在");
           }else{
               out.println("恭喜你!此用户可用");
           }
       }

   }


   public void doPost(HttpServletRequest request, HttpServletResponse response)
           throws ServletException, IOException {
       request.setCharacterEncoding("utf-8");
       response.setCharacterEncoding("utf-8");
       doGet(request, response);
   }

}

validata.js页面代码如下:

//验证用户是否存在
function validate() {

   // 1获取文本框的内容
   // document.getElementById("userName"); dom的方式
   // Jquery的查找节点的方式,参数中#加上id属性值可以找到一个节点
   var obj = $("#userName");
   //解决中文乱码 1:页面端发出的数据作一次encodeURI(obj.val()),服务器使用new String(userName.getBytes("iso8859-1","utf-8"))
   //解决中文乱码 2:页面端作两次encodeURI(encodeURI(obj.val())),服务器端用Strng userNamePara=URLDecoder.decode(userName,"utf-8");
   var userName = obj.val();
   //alert("userName: " + userName);
   // 2将获取到的内容发送给服务器的servlet
   // 调用jquery的XMLHTTPrequest对象get请求的封装
   $.get("servlet/CheckUserName?userName=" + userName, null, function(data){
       // 3接收报务器返回的数据 4把返回的数据在div中显示
       $("#showResult").html(data);
   });

}

checkUserName.html页面代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
      <title>My JSP 'checkUserName.jsp' starting page</title>

   <meta http-equiv="pragma" content="no-cache">
   <meta http-equiv="cache-control" content="no-cache">
   <meta http-equiv="expires" content="0">
   <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
   <meta http-equiv="description" content="This is my page">
   <script type="text/javascript" src="js/jquery-1.4.2.js"></script>
   <script type="text/javascript" src="js/validata.js" ></script>
</head>

<body>
    <center>
       <br />
       用户名:<input type="text" id="userName" />
       <input type="button" value="校验" οnclick="validate()" />
       <div id="showResult"></div>
    </center>
</body>
</html>

相随心声

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax 解决中文乱码问题

CheckUserName.java的Servlet代码如下:package com.web;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException;i
复制链接

扫一扫