使用ajax 编写简单的登录测试页测试用户名是否存在

最新推荐文章于 2022-11-03 10:14:36 发布

十里相思

最新推荐文章于 2022-11-03 10:14:36 发布

阅读量204

点赞数 1

本文链接：https://blog.csdn.net/weixin_43986060/article/details/87632652

版权

#regist.jsp

<%@ 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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	var xmlHttp; //ajax引擎
	
	function getXMLHttpRequest() {
		try
	    {
	   // Firefox, Opera 8.0+, Safari
	    xmlHttp=new XMLHttpRequest();
	    }
	 catch (e)
	    {

	  // Internet Explorer
	   try
	      {
	      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
	      }
	   catch (e)
	      {

	      try
	         {
	         xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
	         }
	      catch (e)
	         {
	         alert("您的浏览器不支持AJAX！");
	         return false;
	         }
	      }
	    }

	}
	
	function checkUsername() {
		getXMLHttpRequest();
		var username = document.forms[0].username.value; //得到输入的用户名
		var url = "/ajaxdemo1/checkUsernameServlet?username="+username;
		//打开到远程的连接
		xmlHttp.open("get",url,true);
		
		//设置回调函数
		xmlHttp.onreadystatechange = function() {
			if(xmlHttp.readyState == 4 && xmlHttp.status == 200){
				var result = xmlHttp.responseText;
				alert(result);
			}
		}
		
		//发送数据
		xmlHttp.send();
	}
</script>
</head>
<body>
	<form action="">
		<table>
			<tr>
				<td>用户名：</td>
				<td><input type="text" name="username" onblur="checkUsername()"></td>
			</tr>
			<tr>
				<td>密码：</td>
				<td><input type="password" name="password" ></td>
			</tr>
		</table>
	</form>
</body>
</html>

#checkUsernameServlet.java

package com.neu.servlet;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class checkUsernameServlet
 */
@WebServlet("/checkUsernameServlet")
public class checkUsernameServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
    
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		String username = request.getParameter("username");
		String result = "no";
		if("admin".equals(username)) {
			result = "yes";
		}
		response.getWriter().print(result);
	}

	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		doGet(request, response);
	}

}