1.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"
src="${pageContext.request.contextPath }/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function() {
$(":input[name='name']").change(function() {
var val = $(this).val();
val = $.trim(val);
if (val != "") {
var url = "${pageContext.request.contextPath}/userName";
var args = {
"name" : val,
"time" : new Date()
};
$.post(url, args, function(data) {
$("#sj").html(data);
})
}
})
})
</script>
</head>
<body>
<form action="" method="post">
name:<input type="text" name="name" /> <br> <br>
<div id="sj"></div>
<input type="submit" value="提交" />
</form>
</body>
</html>
2.servlet代码
package he.bdqn.ajax;
import java.io.IOException;
import java.util.Arrays;
import java.util.List;
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 UserName
*/
@WebServlet("/userName")
public class UserName extends HttpServlet {
private static final long serialVersionUID = 1L;
/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse
* response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
List<String> names = Arrays.asList("aa", "bb", "cc");
String name = request.getParameter("name");
String result = null;
if (names.contains(name)) {
result = "<font color='red'>用户名被使用</font>";
} else {
result = "<font color='green'>用户名可以使用</font>";
}
response.setContentType("text/html");
response.setCharacterEncoding("utf-8");
response.getWriter().print(result);
}
}
相关推荐
**Ajax验证用户名是否存在** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它的核心是利用JavaScript与服务器进行异步数据交换,使得用户可以一边浏览网页...
"Ajax验证用户名是否存在"是一个常见的功能,它使得用户在输入用户名时可以即时得到反馈,无需频繁地提交表单来检查用户名是否已被占用。这个功能通过利用Ajax(异步JavaScript和XML)技术实现,极大地提升了交互性...
本话题主要探讨如何利用Ajax实现用户注册时验证用户名是否已存在的功能,以及Rapid Validate工具的使用。 首先,当用户在注册界面输入用户名时,我们可以使用Ajax发送异步请求到服务器,查询数据库中该用户名是否已...
总结,实现"ajax异步验证用户名是否存在"涉及前端的JavaScript交互、AJAX请求的发起和响应处理,以及服务器端的数据库查询和响应构造。通过这种方式,我们可以为用户提供即时反馈,提升其使用体验。
在本项目"ssm+ajax 验证用户名是否已存在"中,我们将探讨如何利用SSM框架和Ajax技术来实时检查用户在注册时输入的用户名是否已经被其他用户占用。 首先,Spring作为整个项目的依赖注入容器,负责管理应用中的对象,...
### Ajax验证用户名是否存在示例详解 #### 一、概述 在Web开发中,为了提高用户体验,经常会在用户输入用户名时即时验证该用户名是否已经被其他用户注册。这种验证方式可以通过Ajax技术实现,即在用户输入的同时向...
SSH整合AJAX验证用户名存在的完整实例是一个典型的Web开发应用场景,主要涉及了Struts2(S)、Spring(S)和Hibernate(H)三大框架的集成,以及异步JavaScript和XML(AJAX)技术的运用,用于提升用户体验。...
jQuery AJAX 提供了一种异步的方式,使得客户端可以无刷新地与服务器进行交互,验证用户名是否已被占用。以下是对标题和描述中所述知识点的详细解释: 1. **jQuery AJAX**: jQuery 的 AJAX 方法允许开发者在不...
在Ajax验证用户名的场景中,jQuery可以用于更简单、更优雅地处理DOM操作和Ajax请求。例如,可以使用`$.ajax()`方法创建Ajax请求,设置请求类型、URL、数据以及成功的回调函数。以下是一个简单的示例: ```...
在"Ajax验证用户名已存在"这个场景中,我们主要探讨的是如何利用Ajax技术实现在用户输入用户名时,后台实时检查该用户名是否已被注册。 在前端,通常我们会有一个表单,包含一个输入框让用户输入用户名,以及一个...
在这个"php+mysql+Ajax验证用户名是否已占用"的场景中,我们将探讨如何利用PHP、MySQL数据库和Ajax技术来实现实时的前端验证,从而提高用户体验并减少服务器压力。 首先,让我们了解一下这些技术的基础知识: 1. ...
利用AJax调用数据库,验证用户名是否存在。本资源用VS2013所写,版本低导致打不开可用记事本查看,打开“验证用户名是否存在.aspx”和“WebService1.asmx.cs”两个文件即可。PS:请务必添加jquery-1.10.2.js文件。
SSH整合AJAX验证用户名存在和验证码的完整实例SSH整合AJAX验证用户名存在和验证码的完整实例SSH整合AJAX验证用户名存在和验证码的完整实例SSH整合AJAX验证用户名存在和验证码的完整实例SSH整合AJAX验证用户名存在和...
这里有一个输入框`<input id="txtName" type="text">`用于用户输入用户名,以及一个按钮`查看用户名是否存在" id="btn" onclick="JudgeUserName();">`,当点击该按钮时会触发`JudgeUserName()`函数。此外,还有一个`...
为了提供更好的用户体验,"Ajax实时验证用户名邮箱等是否已经存在"的技术被广泛应用。这种技术利用Ajax(Asynchronous JavaScript and XML)异步通信,能够在用户输入时即时检查数据库,无需刷新页面就能得到反馈。...
在服务器端,可能还需要使用数据库查询或其他方法来检查用户名是否已存在。同时,为了安全起见,应确保对用户输入进行适当的验证和清理,防止SQL注入等安全问题。 总的来说,结合C#后端和jQuery前端的AJAX技术,...
### AJAX与Struts结合实现无刷新验证用户名是否存在 在Web开发中,用户体验是至关重要的因素之一。传统的表单提交方式往往会导致整个页面重新加载,这不仅降低了用户体验,还增加了服务器的负担。为了解决这一问题...
"AJAX无刷新验证用户名是否存在"是一个典型的应用场景,它允许用户在输入用户名时实时检查该用户名是否已被占用,而无需提交整个表单或刷新整个页面。这一功能对于注册、登录等涉及用户账号的页面尤为重要,可以防止...
本项目“Ajax验证用户名和密码”旨在利用Ajax实现一个动态、无刷新的用户登录验证系统,提高用户体验,特别是在Java后端的支持下。下面我们将深入探讨这个主题。 1. **Ajax基础** - Ajax的核心是JavaScript的...