<!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>
</head>
<body>
<script language="javascript">
//搭建ajax开发框架
var http_request=false;
function createRequest(url){
http_request=false;
if(window.XMLHttpRequest){//Mozilla等浏览器
http_request=new XMLHttpRequest();
if(http_request.overrideMimeType){
/**
*针对某些特定的版本的mozilla浏览器的bug进行修正.
*如果来自服务器的响应没有xml mime-type头部，则一些版本的Mozilla浏览器不能正常运作
*针对这种情况，overrideMimeType("text/xml")语句将覆盖发送给服务器的头部，强制test/xml作为mime-type
*/
http_request.overrideMimeType("text/xml");
}
}else if(window.ActiveXObject){
try{
http_request=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
http_request=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}
if(!http_request){
alert("不能创建XMLHTTP实例！");
return false;
}
http_request.onreadystatechange=alertContents;//指定响应方法
//发出HTTP请求
http_request.open("GET",url,true);
http_request.send(null);
}
function alertContents(){
if(http_request.readyState==4){
if(http_request.status==200){
alert(http_request.responseText);
}else{
alert("您请求的页面发现错误");
}
}
}
</script>
<script language="javascript">
function checkName(){
var username=form1.username.value;
if(username==""){
window.alert("请填写用户名！");
form1.username.focus();
return false;
}else{
createRequest('checkname.php?username='+username+'&nocache='+new Date().getTime());//必须添加清除缓存的代码，否则程序将不能正确检测用户名是否被占用
}
}
</script>
<form id="form1">
<input type="text" id="username" name="username"/>
<a href="#" onclick="checkName();">[检测用户名]</a>
</form>
</body>
</html>
与数据库交互的处理页面：
<?php
$link=mysql_connect("localhost","root","root");
mysql_select_db("db_database23",$link);
//ajax中先用encodeURIComponent对要提交的中文进行编码
$GB2312string=iconv('UTF-8','gb2312//IGNORE',$RequestAjaxString);
mysql_query("set names gb2312");
$username=$_GET['username'];
$sql=mysql_query("select * from tb_user where name='".$username."'");
$info=mysql_fetch_array($sql);
header('Content-type:text/html;charset=GB2312');//指定发送数据的编码格式为GB2312
if($info){
echo "很抱歉！用户名【".$username."】已经被注册！";
}else{
echo "祝贺您！用户名【".$username."】没有被注册！";
}
?>
分享到：
相关推荐
在开发Web应用时，"Ajax 检测用户名是否被占用"是一个常见且重要的功能，尤其是在用户注册过程中。Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。通过Ajax，...
综上所述，"Asp+Ajax检测用户名并注册Access版"是一个综合性的Web开发实践，涵盖了前端交互、后端处理、数据库操作和用户接口等多个方面，对于学习Web开发的初学者来说，这是一个很好的实践项目。
在本教程中，我们将探讨如何利用AJAX（Asynchronous JavaScript and XML）技术来检测用户名是否重复，以提升用户体验，避免用户在提交表单后才收到用户名已存在的错误提示。 首先，让我们理解什么是AJAX。AJAX是一...
"使用Ajax模拟用户名是否被占用"这个话题正是为了提升这种体验而设计的。Ajax（Asynchronous JavaScript and XML）技术允许我们在不刷新整个页面的情况下，与服务器进行异步数据交换，这样用户在输入用户名时就能...
【标题】：“Asp Ajax检测用户名并注册Access版”指的是使用ASP（Active Server Pages）技术，结合Ajax（异步JavaScript和XML）实现的一种用户注册功能。在这个系统中，当用户在输入框中输入用户名时，服务器会通过...
本文将详细解析如何利用jQuery库来实现AJAX技术，以检测用户名是否可用，以此作为示例来深入理解这两个工具的结合使用。 首先，我们需要了解jQuery。jQuery是一个流行的JavaScript库，它简化了JavaScript的DOM操作...
在用户输入用户名后，Ajax可以即时向服务器发送请求，检查该用户名是否已被占用。 **2. JavaScript基础** 在前端，JavaScript用于监听用户输入事件，当用户在注册表单的用户名字段中输入内容时，触发Ajax请求。这...
使用PHP连接到Oracle数据库，执行SQL查询，检查用户名是否存在于用户表中。例如： ```php <?php // 连接Oracle数据库 $connection = oci_connect('username', 'password', 'localhost/service_name'); if (!$...
本实例探讨了如何使用Asp.Net与Ajax技术相结合来实现一个功能，即检测用户名是否已存在于系统中，从而提供实时反馈给用户，提高用户体验。 首先，`Default.aspx`页面通常是用户界面，它包含一个用于输入用户名的...
在网页开发中，"Ajax 检测用户名"是一个常见的功能，它允许用户在输入用户名时实时检查该用户名是否已被占用，从而提供更好的用户体验。这个功能主要基于 JavaScript 的 AJAX（Asynchronous JavaScript and XML）...
本篇文章将深入探讨如何使用jQuery与AJAX技术来实现一个简单的用户名验证功能，以此来确保用户输入的用户名的独特性。这个过程涉及到前端与后端的交互，以及JavaScript、jQuery库和HTTP请求的基本原理。 首先，...
在ASP（Active Server Pages）开发中，检测用户名是否存在是一项常见的功能，主要应用于用户注册或登录系统。这个功能的目的是防止用户使用已被其他用户占用的用户名，确保数据的唯一性和账户的安全性。以下将详细...
在这个"php+mysql+Ajax验证用户名是否已占用"的场景中，我们将探讨如何利用PHP、MySQL数据库和Ajax技术来实现实时的前端验证，从而提高用户体验并减少服务器压力。 首先，让我们了解一下这些技术的基础知识： 1. ...
【ASP源码—Ajax检测用户名并注册Access版.zip】是一个包含ASP（Active Server Pages）源代码的压缩包，主要用于实现用户注册时通过Ajax技术实时检测用户名是否可用的功能，并且数据库后端采用的是Access，这是一种...
【标题】"源代码-Ajax检测用户名并注册Access版.zip" 涉及的主要知识点是使用Ajax技术在ASP环境中实现用户注册时的实时用户名检测功能，并结合Access数据库进行数据存储和查询。 【Ajax】（Asynchronous JavaScript...
在Web开发中，异步数据传输技术AJAX（Asynchronous JavaScript and XML）使得网页可以在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。本主题将详细讲解如何在VS2008环境下，利用C#和jQuery的AJAX...
- 在Java环境中，通常使用Spring框架来处理Ajax请求。创建一个Controller方法来接收和验证数据： ```java @PostMapping("/validate") public ResponseEntity<?> validateCredentials(@RequestBody ...
在这个实例中，我们通过AJAX实现实时验证用户在输入用户名时是否已存在于数据库中，而无需每次输入后都进行完整的页面刷新。 首先，SSH框架是Java Web开发中常用的MVC（模型-视图-控制器）架构模式的实现。Struts2...