使用AJAX技术做一个无页面刷新的会员登录功能--解决中文乱码

发布时间：2020-12-16 03:36:19 所属栏目：百科来源：网络整理

导读：题目：使用 AJAX 技术做一个无页面刷新的会员登录功能解决技术：用户名使用中文代码： %@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://ww

题目：

使用AJAX技术做一个无页面刷新的会员登录功能

解决技术：用户名使用中文

代码：

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Insert title here</title>
<script type="text/javascript">
function _click(){
var loginname = document.getElementById("loginname").value;
var loginpass = document.getElementById("loginpass").value;
var xmlHttp = new XMLHttpRequest();
var url = "/aWeb/AjaxServlet?loginname="+loginname+"&loginpass="+loginpass;
url = encodeURI(url);
url = encodeURI(url);
xmlHttp.open("POST",url,false);
alert(url);
xmlHttp.onreadystatechange = function() {
if(xmlHttp.readyState == 4 || xmlHttp.status == 200) {
document.getElementById("result").innerHTML = xmlHttp.responseText;
}
};
xmlHttp.send(null);
}
</script>
</head>
<body>
<form action="/aWeb/AjaxServlet" method="post">
用户名：<input type="text" name="loginname" id="loginname" />
<br />
密码：<input type="text" name="loginpass" id="loginpass" />
<br />
<input type="button" value="提交" onclick="_click()">
</form>
<div id="result"></div>
</body>
</html>

package com.zving.servlet;

import java.io.IOException;
import java.net.URLDecoder;
import java.net.URLEncoder;

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

public class AjaxServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;

    @Override
    public void doGet(HttpServletRequest req,HttpServletResponse resp)
            throws ServletException,IOException {
        doPost(req,resp);
    }

    @Override
    public void doPost(HttpServletRequest req,IOException {
        req.setCharacterEncoding("utf-8");
        resp.setContentType("text/html;charset=utf-8;");
        String loginname = req.getParameter("loginname");
        String loginpass = req.getParameter("loginpass");
        String str = URLEncoder.encode(loginname,"utf-8");
        str = URLDecoder.decode(str,"utf-8");
        System.out.println(loginname + "接收到信息!" + loginpass+str);
        resp.getWriter().print("用户：" + loginname + "登陆了!" + str);
    }

}

解决思路：

方法一：在前台jsp页面中使用encodeURI(url)

在后天servlet类中使用str = URLDecoder.decode(str,"utf-8");

使用一个时发现没有用于是在使用一次。

方法二：tomcat使用高版本，1.7,1.8;jre使用1.7,1.8

在高版本中是可以的。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!