Ajax(3):get请求之表单中含有中文时如何处理

当采用get方式向服务器发送请求时，并且表单中被输入了中文时，往往会出现乱码的状况。

解决的方法分两步走：

① 在利用Ajax发送get请求时，将url放在encodeURI( )的括号里。

② 在Tomcat服务器的安装目录下，找到conf文件夹下的server.xml，在

 <Connector port="8080" protocol="HTTP/1.1" 
connectionTimeout="20000" redirectPort="8443"/>

的末尾加上URIEncoding="UTF-8"，

 <Connector port="8080" protocol="HTTP/1.1" 
connectionTimeout="20000" redirectPort="8443" 
URIEncoding="UTF-8"/>

解释：第一步的作用就是以编程的方式强行指定表单的中文数据以UTF-8进行编码，第二步的作用就是修改Tomcat服务器的默认解码方式为UTF-8。这样编码和解码方式就保持了一致，乱码也就不会出现了。需要注意的一点是，不要企图用request.setCharacterEncoding("UTF-8")指定服务器的解码方式，原因是这行代码仅仅对post请求起作用，对于get请求是没有作用的。

测试代码如下：

register.jsp :

<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
<title>Insert title here</title>
<script type="text/javascript" src="js/prototype1.6.js"></script>
<script type="text/javascript">
function getXmlHttpRequest(){
var xhr=null;
if((typeof XMLHttpRequest)!='undefined'){
xhr=new XMLHttpRequest();
}else{
xhr=new ActiveXObject("Microsoft.XMLHttp");
}
return xhr;
}

function valiUsername(){
var xhr=getXmlHttpRequest();
xhr.onreadystatechange=function(){
if(xhr.readyState==4){
if(xhr.status==200){
var doc=xhr.responseText;
document.getElementById('username_msg').innerHTML=doc;
}else{
document.getElementById('username_msg').innerHTML="系统错误...";
}
}else{
document.getElementById('username_msg').innerHTML="验证中...";
}
}
var url="valiusername.do?username="+document.getElementById('n1').value;
xhr.open("get",encodeURI(url),true);
xhr.send(null);
}
</script>
</head>
<body>
<form action="register.do" method="post">
姓名:<input type="text" name="username" id="n1" onblur="valiUsername();">
<span style="color:red" id="username_msg"></span><br>
密码:<input type="password" name="password"><br>
<input type="submit" value="注册">
</form>
</body>
</html>

UsernameServlet.java :

public class UsernameServlet extends HttpServlet {

	public void service(HttpServletRequest request,HttpServletResponse response)
			throws ServletException,IOException {

		//request.setCharacterEncoding("UTF-8");//此行代码仅对post请求有效
		String uri=request.getRequestURI();
		String path=uri.substring(uri.lastIndexOf("/"),uri.lastIndexOf("."));
		response.setContentType("text/html;charset=UTF-8");
		PrintWriter pw=response.getWriter();
		if(path.equals("/valiusername")){
			String username=request.getParameter("username");
			System.out.println("姓名:"+username);
			if(username.equals("格林")){
				pw.println("用户名已经占用");
			}else{
				pw.println("用户名可以使用");
			}
		}
		if(path.equals("/register")){
			String username=request.getParameter("username");
			String password=request.getParameter("password");
			response.sendRedirect("login.jsp");
		}
	}

}

原文链接：https://www.f2er.com/ajax/166225.html

Ajax(3):get请求之表单中含有中文时如何处理

猜你在找的Ajax相关文章