<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script src="ajax.js" type="text/javascript"></script>
</head>
<body onload="form1.u_name.focus();">
<form name="form1">
用户名: <input type="text" id="u_name" onChange="callServer();" />
<span id="test1"></span><br>
密 码：
<input type="password" />
<input type="submit" name="submit" value="注册" />
</form>
</body>
</html>
// JavaScript Document
var xmlHttp = false;
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
xmlHttp = false;
}
}
if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
xmlHttp = new XMLHttpRequest();
}
function callServer() {
var u_name = document.getElementById("u_name").value;
if ((u_name == null) || (u_name == "")) return;
var url = "userCheck.asp?name=" + escape(u_name);//查询地址 返回值为"已被注册"或"可以注册"
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = updatePage;
xmlHttp.send(null);
}
function updatePage() {
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200){
var response = xmlHttp.responseText;
if (response == "true"){
test1.innerHTML="";
}
else{
test1.innerHTML = "用户名不存在,请重新输入！";
document.getElementById("u_name").value="";
document.getElementById("u_name").focus();
}
}
else if(xmlHttp.status==500){
test1.innerHTML=xmlHttp.responseText;
}
}
}
<%@LANGUAGE="VBSCRIPT"%>
<%
username = request.querystring("name")
if (username = "ajax") then
response.write "true"
else
response.write "false"
end if
%>
分享到：
相关推荐
在开发Web应用时，为了提供更好的...前端通过Ajax发送请求，后端接收到请求后进行业务处理，查询数据库判断用户名是否已存在，并将结果返回给前端，最终在页面上显示提示信息，从而实现了一个实时、无刷新的用户体验。
本文将详细讲解如何利用这些技术来实现用户存在的判断、密码强度验证以及后台查询功能。 首先，`.NET`框架为开发者提供了丰富的服务器端功能，包括数据处理、安全性管理等。在注册功能中，.NET可以处理用户输入的...
在本文中，我们将深入探讨如何使用jQuery的AJAX功能实现一个简单的登录系统，该系统能够实时检查用户名是否存在，而无需用户点击提交按钮或刷新整个页面。这种方法极大地提升了用户体验，因为用户可以即时得到反馈，...
在IT行业中，Ajax（Asynchronous JavaScript and XML）技术被广泛应用于构建交互性强、用户体验良好的Web应用程序。本话题主要关注如何使用Ajax实现无刷新的模拟登录功能，并针对用户名进行有效性判断，以及显示相应...
9. **用户体验**：为了提供更好的用户体验，可以使用即时反馈，如在用户输入时实时检测用户名是否可用，而不是等到提交后才告知用户。 10. **兼容性**：考虑到不同的浏览器和设备，应确保使用跨浏览器的Ajax实现，...
2. **发送Ajax请求**：当用户按下检查按钮时，使用JavaScript捕捉到此事件，并使用Ajax发送一个请求到服务器，询问该用户名是否存在。 3. **服务器处理**：服务器接收到请求后，查询数据库，判断用户名是否已被占用...
在用户验证场景中，这通常发生在用户输入数据（如用户名、邮箱等）后，后台会立即检查这些数据是否已存在或符合特定规则。 实现Ajax用户验证的第一步是监听用户的输入事件，例如`onkeyup`或`onclick`。当用户在...
5. 数据库操作：可能使用了MySQL，包括连接数据库、执行SQL查询（如检查用户名是否存在）、插入新用户记录等。 6. 安全性：如输入验证、防止SQL注入、XSS攻击等。 通过这个项目，开发者可以学习到Web开发中的多个...
2. **AJAX请求**：使用XMLHttpRequest对象或者现代浏览器的fetch API向服务器发送异步请求，携带用户输入的用户名或邮箱数据。 3. **服务器处理**：服务器接收到请求后，查询数据库中是否存在相同的用户名或邮箱，...
- **Hibernate**：`checkBean`方法内部可能调用了某个DAO层的方法，通过Hibernate查询数据库判断用户名是否已存在。 - **返回结果**：将验证结果封装成JSON格式返回给前端。 3. **前端处理响应**：使用jQuery解析...
本文将介绍使用AJAX和JAVA实现用户登陆注册验证的实现代码，通过ajax异步刷新页面验证用户输入的账号密码是否在数据库中存在。本文将详细讲解实现代码的技术栈、JSP部分、Servlet部分和Oracle数据库连接的实现。 ...
最后，登录判断还应考虑到用户体验，如提供记住我功能，使用Ajax异步验证用户名是否存在，以及设置合理的密码策略等。 总的来说，ASP.NET中的登录判断涉及前端界面设计、后端逻辑处理、安全性考虑以及用户体验优化...
关于使用Ajax进行登录并使用Spring Security缓存跳转回登录前的URL的实现方法，主要涉及的IT知识点如下： 1. **Ajax的定义与作用** Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个页面的情况下...
这是基于SSH框架写的用Ajx刷新的例子，附加的有数据库。有两个功能，1：下拉框动态读取数据库数据，jsp页面为xlkAjax.jsp；2：判断用户注册时用户名是否存在，jsp页面为login.jsp。希望对大家有用，记得给个好评哈
可以显示DVD的图片，用户在未登陆的情况下会直接跳转到登陆页面。图五 说明： 在主页点击相关DVD的修改链接，可以将DVD的信息绑定在修改页面以便于用户进行修改，其中DVD编号不允许修改。图六 说明：点击添加DVD可以...
在本项目中，我们利用了Spring Boot、Mybatis Plus和Thymeleaf三大技术栈来构建一个用户管理系统，其中包含了用户登录以及校验用户名是否重复的功能。以下将详细阐述这三者之间的配合以及如何实现所述功能。 首先，...
你可以使用jQuery的`$.ajax()`或`$.getJSON()`方法发送Ajax请求，同时配合前端的正则表达式初步过滤非法字符和长度限制。 2. **电话号码验证**：中国的电话号码通常由11位数字组成，前三位是区号，后8位是个人号码...
在后台返回的响应中，我们可以判断登录是否成功。如果成功，可能需要更新用户状态，比如设置session或cookie，然后根据业务需求决定是跳转到新的页面还是在当前页面显示欢迎信息。如果失败，可以将错误信息显示在...
- 可以在每个页面中加入一段JavaScript代码来监听`onbeforeunload`事件，以此来判断用户是否点击了关闭按钮。 - 当检测到用户关闭浏览器时，自动跳转到注销页面（例如`logout.aspx`）。 - 在注销页面中，执行与`...