广告
返回顶部
首页 > 资讯 > 前端开发 > node.js >Ajax中怎么异步检查用户名是否存在
  • 679
分享到

Ajax中怎么异步检查用户名是否存在

ajax 2022-10-19 02:10:30 679人浏览 薄情痞子
摘要

本篇文章为大家展示了ajax中怎么异步检查用户名是否存在,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。 在任何网站注册用户的时候,都会

本篇文章为大家展示了ajax中怎么异步检查用户名是否存在,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

在任何网站注册用户的时候,都会检查用户是否已经存在。很久以前的处理方式是将所有数据提交到服务器端进行验证,很显然这种方式的用户体验很不好;后来有了Ajax,有了异步交互,当用户输完用户名继续填写其他信息的时候,Ajax就将信息发到了服务器去检查该用户名是否已经被注册了,这样如果用户名已经存在,不用等用户将所有数据都提交就可以给出提示。采用这种方式大大改善了用户体验。
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核心对象XMLHttpRequest
function createXMLHttp(){
if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest();
}else{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function checkUsername(username){
createXMLHttp();

//设置请求方式为GET,设置请求的URL,设置为异步提交
xmlHttp.open("GET","CheckServlet?username="+username,true);

//将方法地址复制给onreadystatechange属性
//类似于电话号码
xmlHttp.onreadystatechange = checkUsernameCallback();
//将设置信息发送到Ajax引擎
xmlHttp.send(null);
}
function checkUsernameCallback(){
//Ajax引擎状态为成功
if(xmlHttp.readyState == 4){
//HTTP协议状态为成功
if(xmlHttp.status == 200){
var text = xmlHttp.responseText;
if(text == "true"){
document.getElementById("msg").innerHTML = "此用户名已存在,无法使用!";
}else{
document.getElementById("msg").innerHTML = "此用户名可以使用";
}
}
}
}
</script>
</head>
<body>
<fORM action="regist.jsp" method="post">
用户名:<input type="text" name="username" onblur="checkUsername(this.value)"><span id="msg"></span><br/>
密&nbsp;&nbsp;码:<input type="passWord" name="password"><br/>
<input type="submit" value="注册">
<input type="reset" value="重置">
</form>
</body>
</html>


CheckServlet.java

复制代码 代码如下:


public class CheckServlet extends httpservlet {
private static final long serialVersionUID = 1L;
public static final String DBDRIVER = "com.microsoft.sqlserver.jdbc.SQLServerDriver";
public static final String DBURL = "jdbc:sqlserver://localhost:1433;DatabaseName=bbs";
public static final String DBUSER = "sa";
public static final String DBPASS = "pass";

public CheckServlet() {
super();
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doPost(request, response);
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("UTF-8");
response.setContentType("text/html");
Connection conn = null;
PreparedStatement pst = null;
ResultSet rs = null;
PrintWriter out = response.getWriter();
String username = request.getParameter("usernaem");
try{
Class.forName(DBDRIVER);
conn = DriverManager.getConnection(DBURL,DBUSER,DBPASS);
String sql = "select count(username) from user where username=?";
pst = conn.prepareStatement(sql);
pst.setString(1,username);
rs = pst.executeQuery();
if(rs.next()){
if(rs.getInt(1)>0){//用户名已经存在了
out.print("true");
}else{
out.print("false");
}

}
}catch(Exception e){
e.printStackTrace();
}finally{
try{
conn.close();
}catch(Exception e){
e.printStackTrace();
}
}
}
}

上述内容就是Ajax中怎么异步检查用户名是否存在,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注编程网node.js频道。

--结束END--

本文标题: Ajax中怎么异步检查用户名是否存在

本文链接: https://www.lsjlt.com/news/67828.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Ajax中怎么异步检查用户名是否存在
    本篇文章为大家展示了Ajax中怎么异步检查用户名是否存在,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。 在任何网站注册用户的时候,都会...
    99+
    2022-10-19
    ajax
  • Ajax如何异步检查用户名是否存在
    这篇文章主要介绍了Ajax如何异步检查用户名是否存在,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。下面是用JS获取用户Id然后将其发送给us...
    99+
    2022-10-19
    ajax
  • AJAX如何检测用户名是否存在
    小编给大家分享一下AJAX如何检测用户名是否存在,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!vscode:index:<!DOCTYPE htm...
    99+
    2023-06-08
  • Ajax 中怎么验证用户名是否存在
    Ajax 中怎么验证用户名是否存在,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。 客户端收集表单信息。 使用XM...
    99+
    2022-10-19
    ajax
  • 如何使用AJAX完成用户名是否存在异步校验
    这篇文章主要介绍了如何使用AJAX完成用户名是否存在异步校验,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。使用AJAX完成用户名是否存在异步...
    99+
    2022-10-19
    ajax
  • 使用Ajax怎么验证用户名是否存在
    这篇文章给大家介绍使用Ajax怎么验证用户名是否存在,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。什么是ajaxajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,可以通过在后台与服务器进行少量数据交...
    99+
    2023-06-08
  • ajax中怎么通过设置async校验用户名是否存在
    ajax中怎么通过设置async校验用户名是否存在,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。//检验手机号码是否存在 fu...
    99+
    2022-10-19
    ajax async
  • 在SSH网上商城上如何使用ajax完成用户名是否存在异步校验
    本篇文章给大家分享的是有关在SSH网上商城上如何使用ajax完成用户名是否存在异步校验,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。首先aja...
    99+
    2022-10-19
    ssh ajax
  • linux中怎么用shell检查文件是否存在
    在Linux中,您可以使用shell脚本来检查文件是否存在。以下是使用Shell脚本检查文件存在的示例代码: #!/bin/bash...
    99+
    2023-10-26
    linux shell
  • 怎么使用shell检查文件是否存在
    要使用shell检查文件是否存在,可以使用`test`命令或者`[ ]`来判断文件是否存在。下面是使用`test`命令的示例:```...
    99+
    2023-09-26
    shell
  • 如何使用Ajax实时检测"用户名、邮箱等"是否已经存在
    本篇内容主要讲解“如何使用Ajax实时检测"用户名、邮箱等"是否已经存在”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何使用Ajax实时检...
    99+
    2022-10-19
    ajax
  • shell脚本中怎么检查文件是否存在
    shell脚本中怎么检查文件是否存在,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。 # ll -h upload.zip-rw-r--r-- 1 root root 3.3M ...
    99+
    2023-06-17
  • ajax中怎么同步验证单号是否存在
    这篇文章给大家介绍ajax中怎么同步验证单号是否存在,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。具体如下://保存前执行的方法,ajax同步调用后台验证包裹单号是否存在 functi...
    99+
    2022-10-19
    ajax
  • Ajax中怎么验证用户名是否已被注册
    本篇文章给大家分享的是有关Ajax中怎么验证用户名是否已被注册,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。简单的输入框<body>...
    99+
    2022-10-19
    ajax
  • php注册怎么判断用户名是否存在
    您可以使用以下代码来判断用户名是否已经存在:```php```在上面的代码中,我们首先获取用户输入的用户名(假设是通过 POST 方...
    99+
    2023-10-12
    php
  • php怎么检查数组中是否存在字符(3种方法)
    PHP是一种动态的解释性编程语言,其内置了许多重要的数据类型和数据结构。PHP中的数组是一种非常常见的数据结构,用于存储和操作一组相关的数据。在PHP中,通常可以将一个数组视为由一个或多个键值对组成的集合。键是数组内部的唯一标识符,而值则是...
    99+
    2023-05-14
  • 怎么用php检查一个字符串是否在数组中
    在PHP开发中,查询一个字符串是否在数组中是一个很常见的操作。在这篇文章中,我们将会探讨一些方法来检查一个字符串是否在PHP数组中。方法一:使用in_array()函数PHP中的in_array()函数用于检查一个值是否存在于数组中。我们可...
    99+
    2023-05-14
    php数组 php php字符串
  • Linux中怎么查看组是否包括指定用户名的命令
    本篇文章给大家分享的是有关Linux中怎么查看组是否包括指定用户名的命令,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。对于Linux用户来说,在某些情况下,需要查看某个组名是否...
    99+
    2023-06-13
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作