ajax简单应用例子

XiaoLIU_First

于 2020-09-24 15:34:45 发布

阅读量119

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/XiaoLIU_First/article/details/108775614

本文探讨了如何使用Java Servlet与AJAX技术实现用户登录验证，通过GET请求发送用户名到服务器，如果为'admin'则返回'no'，否则返回'yes'。展示了前端HTML表单配合jQuery实现动态验证的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

regservlet.java

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		String name=request.getParameter("uname");
		PrintWriter out=response.getWriter();
		if("admin".equals(name)) {
			out.write("no");
		}
		else out.write("yes");
	}

reg.jsp

<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<script type="text/javascript" src="js/jquery-3.5.1.min.js">
</script>
<script type="text/javascript">
	$(function(){
		$("#uname").blur(function(){
			$.get("ajax?name="+$(this).val(),function(data){
				$("#span").html(data);
			});
		});
	});
</script>
</head>
<body>
	<form action="ajax" method="get">
	用户名：<input type="text" name="uname" id="uname"/>
	<br/>
	<input type="submit"/>
	</form>
</body>
</html>