<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title>Ajax</title>
<script type="text/javascript">
var xmlobj; //定义XMLHttpRequest对象
function CreateXMLHttpRequest()
{
if(window.XMLHttpRequest)
{//Mozilla浏览器
xmlobj=new XMLHttpRequest();
if(xmlobj.overrideMimeType)
{//设置MIME类别
xmlobj.overrideMimeType("text/xml");
}
}
else if(window.ActiveXObject)
{//IE浏览器
try
{
xmlobj=new ActiveXObject("Msxml2.XMLHttp");
}
catch(e)
{
try
{
xmlobj=new ActiveXobject("Microsoft.XMLHttp");
}
catch(e)
{
}
}
}
}
function senddata() //主程序函数
{
CreateXMLHttpRequest(); //创建对象
var showurl = "include/if_user_exists.php?username=" + document.getElementById ("username").value; //构造URL
xmlobj.open("GET", showurl, true); //调用validate.php
xmlobj.onreadystatechange = callback; //判断URL调用的状态值并处理
xmlobj.send(null); //设置为不发送给服务器任何数据
}
function callback() //用于处理状态的函数
{
if(xmlobj.readyState == 4 && xmlobj.status == 200) //如果URL成功访问,则输出网页
{
document.getElementById("msg").innerHTML=xmlobj.responseText ;
}
}
</script>
</head>
<body>
<p><form action="#">
用户名:<input type="text" id="username" onBlur="senddata();">
<div id="msg"></div>
</form></p>
</body>
</html>
header('Content-type: text/html;charset=GBK');
$conn = mysql_connect("localhost", "alang", "lingting");
$user = $_GET["username"];
$querySQL = "SELECT * FROM users WHERE name = '".$user."'";
mysql_select_db("phptest", $conn);
$rs = mysql_query($querySQL, $conn);
$rs_cnt = mysql_num_rows($rs);
if($rs_cnt>0)
{
echo "<font color=RED>该用户名已被人使用</font>";
}
else if($rs_cnt==0)
{
echo "<font color=GREEN>该用户名未被人使用</font>";
}
else
{
echo "<font color=RED>用户名验证程序出错</font>";
}
mysql_close();
分享到:
相关推荐
### Ajax注册验证技术详解 #### 一、引言 在Web开发中,用户体验是至关重要的。传统的表单提交方式在用户填写完表单并点击提交后,整个页面会重新加载,这种方式不仅耗时而且用户体验较差。为了改善这一点,Ajax...
在这个"Ajax注册验证用户名实例"中,我们将深入探讨如何利用Ajax技术来实现用户在注册时实时验证用户名是否已存在,从而提供更优秀的用户体验。 首先,我们需要一个HTML页面作为用户界面,包含一个输入框让用户输入...
"php+ajax注册验证"是一个典型的示例,它展示了如何在用户输入时即时验证注册信息,而无需每次提交表单时刷新整个页面。接下来,我们将详细讨论这个主题中的关键知识点。 ### PHP(PHP: Hypertext Preprocessor) ...
在这个"ajax注册验证表单"中,我们将主要关注以下几个关键知识点: 1. **HTML 结构**:`index.html` 文件是页面的基础结构,通常包括表单元素如用户名、密码输入框,以及提交按钮等。这些元素通过JavaScript事件...
在网页开发中,"Ajax注册验证"是一种常见且重要的技术,它允许用户在不刷新整个页面的情况下进行数据验证,提供更流畅的用户体验。Ajax(Asynchronous JavaScript and XML)的核心是利用JavaScript异步通信来实现与...
Ajax注册验证技术是现代Web开发中的一个重要组成部分,它允许网页在不刷新整个页面的情况下与服务器进行数据交互,提升用户体验。这个“Ajax注册验证.rar”压缩包文件包含了一份关于如何使用Ajax进行用户注册验证的...
**文件名称解析:** "AjaxDemo" 这个文件名可能代表一个包含整个AJAX注册验证示例的项目或者主要代码文件,可能包括HTML页面、JavaScript脚本、以及可能的Java Servlet类。 **详细知识点讲解:** 1. **AJAX基本...
在此项目中,"Struts2+ajax注册验证源码"是一个利用这两种技术实现的简单注册验证系统。接下来,我们将详细讨论这两个技术以及它们在该示例中的应用。 **Struts2** Struts2是一个基于MVC(Model-View-Controller)...
在Ajax注册验证中,主要涉及了两个核心技术:客户端的JavaScript(包括AJAX)和服务器端的Servlet。这里我们将深入解析这两个部分以及它们如何协同工作来实现注册时的用户名验证。 1. **客户端JavaScript (AJAX)** ...
在压缩包中的"ajax 注册验证"可能包含以下内容: - HTML文件:包含注册表单和相关的JavaScript代码,用于触发AJAX请求和处理返回的数据。 - JavaScript文件:可能包含使用jQuery或其他库实现的AJAX函数。 - ASP.NET...
在压缩包中的“ajax注册验证”文件,虽然没有详细信息,但我们可以推测它可能包含了类似的注册功能,即用户输入新账号信息并通过Ajax发送到服务器进行验证,确保用户名的唯一性,防止重复注册。 总结来说,"ajax...
在注册表单中,当用户输入用户名并失去焦点时,触发Ajax请求,前端JavaScript将发送到后端PHP脚本进行验证。 3. **前端部分**:首先,HTML注册表单应包含一个输入字段用于用户输入用户名,并附带一个事件监听器,如...
"带注册验证的AJAX验证表单实例"就是这样的一个解决方案,它旨在提高用户体验,通过实时验证用户输入,无需每次提交都等待服务器的反馈。接下来,我们将详细讨论这个实例涉及到的技术和知识点。 1. **AJAX ...
在本文中,我们将深入探讨如何使用Ajax、JSP、MySQL和Servlet技术来实现一个功能完善的用户注册验证系统,以及在该系统中实现省市联动的效果。这对于JavaWeb开发初学者和Ajax爱好者来说,是一个非常实用的学习案例。...
总的来说,Ajax验证是提升用户注册表单体验的有效手段,它结合了前端和后端的能力,实现了数据验证的无缝集成,既保证了数据的准确性,又提供了流畅的用户体验。在实际开发中,还需要考虑兼容性、安全性(防止XSS和...
在本文中,我们将深入探讨如何使用jQuery和Ajax技术实现一个简单的登录验证系统。这个系统能够实时检查用户输入的用户名和密码是否有效,而无需页面刷新,从而提供更流畅的用户体验。 首先,jQuery是一个轻量级的...
这是一个基于ASP(Active Server Pages)和AJAX(Asynchronous JavaScript and XML)技术构建的简单登录验证系统的演示项目。在这个系统中,用户界面是静态的HTML页面(login.html),后端处理逻辑由ASP脚本实现,...
"Ajax jQuery thinkPHP 登录注册验证"是一个典型的Web开发技术结合实例,它利用了Ajax、jQuery和thinkPHP框架来实现用户登录和注册过程中的实时验证,提高用户体验。下面我们将详细探讨这些技术及其在项目中的应用。...
在这个"Ajax会员注册验证"的示例中,我们将深入探讨如何使用Ajax来实现用户注册时的实时验证。 首先,我们有`conn.asp`文件,这通常是用来建立数据库连接的。在ASP(Active Server Pages)环境中,这个文件可能包含...
在Struts2框架中实现Ajax功能,可以让用户在注册时实时验证用户名是否已经存在,从而提高用户体验。 这篇文档“struts与ajax.docx”可能包含了如何将Struts2和Ajax结合使用的详细步骤。通常,这个过程会涉及以下几...