<html>
<head>
<title>这是一个简单登陆验证也可以改为检查用户名是否存在的ajax例子(可以自由扩张)</title>
<script type="text/javascript">
var xmlHttpReq;
//创建XMLHTTP对象
function createXMLHttpRequest(){
if(window.ActiveXObject){
xmlHttpReq = new ActiveXObject("MSXML2.XMLHTTP.3.0");
}else{
xmlHttpReq = new XMLHttpRequest();
}
}
//检查用户
function checkUser(){
createXMLHttpRequest();
var userName =document.getElementById("userName").value;
var password =document.getElementById("password").value;
//处理检查的地址
var url="checkUser.jsp?userName="+userName+"&password="+password;
xmlHttpReq.open("GET",url,true);
xmlHttpReq.onreadystatechange = showResult;//showResult是当onreadystatechange的值改变时触发的javascript函数
xmlHttpReq.send();
}
function showResult(){
if(xmlHttpReq.readyState == 4){
if(xmlHttpReq.status == 200){
var result = xmlHttpReq.responseText;//将响应信息作为字符串返回
//alert( result);
var checkResult = document.getElementById("checkResult").innerHTML="<b>"+result+"</b>";
//var b=document.createElement("b");
//var resultContent = document.createTextNode(result);
// b.appendChild(resultContent);
// checkResult.appendChild(b);
}
}
}
</script>
</head>
<body>
用户名：<input type=text" id="userName"><p>
密 码：<input type=text" id="password"><p>
<input type="button" value="提交" onclick="checkUser()"><p>
<div id="checkResult"></div>
</body>
</html>
checkUser.jsp:
<%@ page contentType="text/html;charset=gb2312" %>
<%
String userName=request.getParameter("userName");
String password=request.getParameter("password");
System.out.println("userName="+userName);
if(userName!= null && password!=null){
if(userName.equals("huanglq") && password.equals("password")){
out.println("<font color='green' >验证成功</font>");
}else{
out.println("<font color='red' >用户名或密码错误</font>");
}
}
%>
- ajax.rar (3.1 MB)
- 描述: ajax学习(ajax in Ation和说明XMLHTTPRequest 的两本书)
- 下载次数: 837
分享到：
相关推荐
本文将深入探讨如何使用AJAX（Asynchronous JavaScript and XML）进行异步验证，实现在用户输入时即时检查用户名是否已存在于数据库中。 首先，我们需要理解AJAX的核心概念。AJAX允许我们在不刷新整个网页的情况下...
"Ajax验证用户名是否存在"是一个常见的功能，它使得用户在输入用户名时可以即时得到反馈，无需频繁地提交表单来检查用户名是否已被占用。这个功能通过利用Ajax（异步JavaScript和XML）技术实现，极大地提升了交互性...
在后端，服务器接收到请求后，应检查数据库中是否存在该用户名，然后返回一个包含结果的对象，如`{ available: true }`或`{ available: false }`。 接下来，我们转向Rapid Validate工具。这是一个用于快速验证代码...
综上所述，Ajax在注册时检查用户名是否存在的应用涉及到前端JavaScript的Ajax技术、后端J2EE服务、数据库查询以及安全性与性能的考虑。通过这种实时验证，我们可以为用户提供更流畅的注册体验，同时保持系统的稳定性...
总结来说，"AJax验证用户名是否存在"是Web开发中常见的功能，通过DWR或原生JavaScript，我们可以实现与后台的无刷新交互，检查用户名的可用性，提高用户注册或登录的效率。同时，需要注意安全性与性能的优化，确保...
在标题提到的“ASP.NET AJAX检查用户名是否存在的小例子”中，我们可能会遇到一个常见的应用场景：在注册或登录页面，用户输入用户名后，服务器端需要即时验证该用户名是否已被占用。这个功能可以通过ASP.NET AJAX的...
假设我们有一个名为`UserService`的Java类，其中包含一个`isUserNameExist(String userName)`方法，该方法检查数据库中是否存在指定的用户名。这个方法需要返回一个布尔值，表示用户名是否已被占用。 4. **暴露...
在这个接口中，Controller会调用UserService检查用户名，并返回一个JSON响应，例如： ```java @GetMapping("/checkUsername") public ResponseEntity<String> checkUsername(@RequestParam("username") String ...
虽然这个例子没有包含数据库操作，但实际应用中，验证通过后通常会将用户名发送到后端（例如Java的Servlet），进行数据库查询以检查用户名是否已存在。在Servlet中，你可以使用JDBC或者ORM框架（如Hibernate）来处理...
总的来说，使用Ajax异步检查用户名是否已存在可以显著提升用户体验，避免了传统方式下因页面刷新而打断用户操作。通过理解并掌握Ajax的工作原理和实践技巧，开发者可以更好地构建动态、交互性强的Web应用。
例如，使用jQuery的`$.ajax()`或`$.get()`方法，设置URL指向检查用户名或邮箱的接口，传入待验证的值，并设置回调函数处理服务器返回的结果。 5. **后端接口**：后端需要提供一个API接口，接收前端发送的用户名或...
SSH整合AJAX验证用户名存在的完整实例是一个典型的Web开发应用场景，主要涉及了Struts2（S）、Spring（S）和Hibernate（H）三大框架的集成，以及异步JavaScript和XML（AJAX）技术的运用，用于提升用户体验。在这个...
这个"ajax简单例子实现用户名检查"的项目，旨在教你如何利用Ajax和Servlet在JavaWeb环境中实现实时验证用户输入的用户名是否可用。下面我们将深入探讨这个主题。 首先，让我们了解Ajax的核心组成部分： 1. **...
总结起来，这个实例展示了如何使用Ajax、PHP、MySQL和Apache协同工作，实现一个高效、安全的用户名异步验证功能。Ajax提供了无刷新的交互体验，PHP处理服务器端逻辑，MySQL管理数据存储，而Apache则作为可靠的服务器...
在Struts中，我们可以创建一个Action，这个Action接收Ajax请求，执行验证逻辑。 为了实现Ajax请求，开发者需要在JavaScript中编写以下步骤： 1. 创建XMLHttpRequest对象。 2. 配置请求，包括URL（指向服务器端的...
在本例中，可以返回一个布尔值（true 或 false）表示用户名是否已存在。 - **XML** (eXtensible Markup Language)：一种标记语言，常用于结构化数据交换。在示例中，通过`<exist_user>`标签来传递数据。 4. **...
"AJAX无刷新验证用户名是否存在"是一个典型的应用场景，它允许用户在输入用户名时实时检查该用户名是否已被占用，而无需提交整个表单或刷新整个页面。这一功能对于注册、登录等涉及用户账号的页面尤为重要，可以防止...