AJAX用于判定用户是否注册实例教程
本文主要为大家详细介绍了AJAX用于判定用户是否注册，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。
在很多注册的页面上，我们可能会遇到以下情况，当我们注册用户名的时候可能会提示该用户名已注册，其实现是应用AJAX技术。
首先写一个登陆页面
<html>
<head>
<title></title>
<script type="text/javascript">
var xmlHttp;
var flag;
function createXMLHttp(){
if(window.XMLHttpRequest){
xmlHttp=new XMLHttpRequest();
}else{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
function checkUserid(userid){
createXMLHttp();
xmlHttp.open("POST","CheckServlet?userid="+userid);
xmlHttp.onreadystatechange=checkUseridCallback;
xmlHttp.send();
document.getElementById("msg").innerHTML="正在验证。。。";
}
function checkUseridCallback(){
if(xmlHttp.readyState==400){
if(xmlHttp.status==200){
var text=xmlHttp.responseText;
if(text=="true"){
flag=false;
document.getElementById("msg").innerHTML="用户ID重复，无法使用";
}else{
flag=true;
document.getElementById("msg").innerHTML="此用户ID可以注册";
}
}
}
}
function checkForm(){
return flag;
}
</script>
</head>
<body>
<form action="tt.jsp" method="post" onsubmit="return checkForm()">
用户ID <input type="text" name="userid" onblur="checkUserid(this.value)"><span id="msg"></span><br>
姓名：<input type="text" name="name"><br>
密码：<input type="password" name="password"><br>
<input type="button" value="注册">
<input type="reset" value="重置">
</form>
</body>
</html>随后写一个servlet的Java代码
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class CheckServlet extends HttpServlet{
public static final String DBDRIVER = "oracle.jdbc.OracleDriver";
public static final String DBURL = "jdbc:oracle:thin:@59.173.240.149:1521:heer";
public static final String DBUSER = "hnsyu_dev";
public static final String DBPASS = "hnsyuok";
public void doGet(HttpServletRequest request,HttpServletResponse response)
throws ServletException,IOException{
this.doPost(request, response);
}
public void doPost(HttpServletRequest request,HttpServletResponse response)
throws ServletException,IOException{
request.setCharacterEncoding("gbk");
response.setContentType("text/html");
Connection connection = null;
PreparedStatement preparedStatement = null;
ResultSet resultSet = null;
PrintWriter out = response.getWriter();
String userid = request.getParameter("userid");
try {
Class.forName(DBDRIVER);
connection = DriverManager.getConnection(DBURL, DBUSER, DBPASS);
String sql = "select count(userid) from userdemo where userid=?";
preparedStatement = connection.prepareStatement(sql);
preparedStatement.setString(1,userid);
resultSet = preparedStatement.executeQuery();
if (resultSet.next()) {
if(resultSet.getInt(1)>0){
out.print("false");
System.out.println("true");
}else {
out.print("false");
}
}
out.close();
} catch (Exception e) {
e.printStackTrace();
}finally{
try {
connection.close();
} catch (Exception e) {
e.printStackTrace();
}
}
}
}其中还需要在web.xml中进行配置
<?xml version="1.0" encoding="UTF-8"?> <web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"> <display-name></display-name> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> <servlet> <servlet-name>CheckServlet</servlet-name> <servlet-class>CheckServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>CheckServlet</servlet-name> <url-pattern>/CheckServlet</url-pattern> </servlet-mapping> </web-app>
大家学会了吗？觉得不错赶紧收藏起来吧。
相关推荐：
以上是AJAX用于判定用户是否注册实例教程的详细内容。更多信息请关注PHP中文网其他相关文章！
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
如何用小红书号查找用户？能查到手机号吗？
Mar 22, 2024 am 08:40 AM
随着社交媒体的迅速发展，小红书已经成为了备受青睐的社交平台之一。用户可以通过创建小红书号来展示个人身份，并与其他用户交流互动。如果你需要查找某个用户的小红书号码，可以按照以下简单步骤进行操作。一、如何用小红书号查找用户？1.打开小红书APP，点击右下角的“发现”按钮，然后选择“笔记”选项。2.在笔记列表中，找到你想查找的用户发布的那篇笔记。点击进入笔记详情页。3.在笔记详情页中，点击用户头像下方的“关注”按钮，即可进入该用户的个人主页。4.在用户个人主页右上角，点击三个点按钮，然后选择“个人信息
以超级用户身份登录Ubuntu
Mar 20, 2024 am 10:55 AM
在Ubuntu系统中，root用户通常是禁用状态的。要激活root用户，可以使用passwd命令设置密码，然后使用su-命令以root身份登录。根用户是具有系统管理权限且不受限制的用户。他拥有访问和修改文件、用户管理、软件安装和删除，以及系统配置更改等权限。根用户与普通用户有着明显的区别，根用户拥有系统中最高的权限和更广泛的控制权。根用户可以执行重要的系统命令和编辑系统文件，而普通用户则无法做到这一点。在本指南中，我将探讨Ubuntu根用户，如何以根用户身份登录，以及它与普通用户的不同之处。注意
什么是 sudo，为什么它如此重要？
Feb 21, 2024 pm 07:01 PM
sudo（超级用户执行）是Linux和Unix系统中的一个关键命令，允许普通用户以root权限运行特定命令。sudo的功能主要体现在以下几个方面：提供权限控制：sudo通过授权用户以临时方式获取超级用户权限，从而实现了对系统资源和敏感操作的严格控制。普通用户只能在需要时通过sudo获得临时的特权，而不需要一直以超级用户身份登录。提升安全性：通过使用sudo，可以避免在常规操作中使用root账户。使用root账户进行所有操作可能会导致意外的系统损坏，因为任何错误或不小心的操作都将具有完全的权限。而
解决jQuery AJAX请求遇到403错误的方法
Feb 20, 2024 am 10:07 AM
标题：解决jQueryAJAX请求出现403错误的方法及代码示例403错误是指服务器禁止访问资源的请求，通常会导致出现这个错误的原因是请求缺少权限或者被服务器拒绝。在进行jQueryAJAX请求时，有时候会遇到这种情况，本文将介绍如何解决这个问题，并提供代码示例。解决方法：检查权限：首先要确保请求的URL地址是正确的，同时验证是否有足够的权限来访问该资
解决jQuery AJAX请求403错误的方法
Feb 19, 2024 pm 05:55 PM
jQuery是一个流行的JavaScript库，用于简化客户端端的开发。而AJAX则是在不重新加载整个网页的情况下，通过发送异步请求和与服务器交互的技术。然而在使用jQuery进行AJAX请求时，有时会遇到403错误。403错误通常是服务器禁止访问的错误，可能是由于安全策略或权限问题导致的。在本文中，我们将讨论如何解决jQueryAJAX请求遭遇403错误
Linux系统中的用户密码存储机制解析
Mar 20, 2024 pm 04:27 PM
Linux系统中的用户密码存储机制解析在Linux系统中，用户密码的存储是非常重要的安全机制之一。本文将解析Linux系统中用户密码的存储机制，包括密码的加密存储、密码的验证过程以及如何安全地管理用户密码。同时，将通过具体的代码示例展示密码存储的实际操作过程。一、密码的加密存储在Linux系统中，用户密码并不是以明文的形式存储在系统中，而是经过加密后保存。L
Oracle数据库：一个用户是否可以拥有多个表空间？
Mar 03, 2024 am 09:24 AM
Oracle数据库是一种常用的关系型数据库管理系统，许多用户都会遇到关于表空间的使用问题。在Oracle数据库中，一个用户可以拥有多个表空间，这样可以更好地管理数据存储和组织。本文将探讨一个用户如何在Oracle数据库中拥有多个表空间，并提供具体的代码示例。在Oracle数据库中，表空间是用来存储表、索引、视图等对象的逻辑结构。每个数据库都至少有一个表空间，
如何使用Ajax从PHP方法中获取变量？
Mar 09, 2024 pm 05:36 PM
使用Ajax从PHP方法中获取变量是Web开发中常见的场景，通过Ajax可以实现页面无需刷新即可动态获取数据。在本文中，将介绍如何使用Ajax从PHP方法中获取变量，并提供具体的代码示例。首先，我们需要编写一个PHP文件来处理Ajax请求，并返回所需的变量。下面是一个简单的PHP文件getData.php的示例代码：
