AJAX检验用户是否存在

来源：互联网发布：淘宝能处理服装库存么? 编辑：程序博客网时间：2024/05/16 13:48

在做网站的时候免不了要写注册页面，要验证用户名在数据库中是否已经存在，昨天用ajax实现异步验证用户名是否存在，今天在这里与大家分享一下，有不足的请提出建议，我一定及时改正，代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

function checkUser(){

//获取用户输入的值

var user=document.form1.username.value;

//初始化ajax引擎

var xhr= new XMLHttpRequest();

//定义一个url地址

var url="./3.7zy.php?user="+encodeURI(user)+"&r="+Math.random();

//获取div对象

var div=document.getElementById("info");

//创建一个xhr的请求 open

xhr.open("get",url,true);

//发送请求，并且等待回复

xhr.send(null);

div.innerHTML="<img src='../images/loading.gif' width='50' height='50'><font color='red'>等待</font>";

//得到回复内容，并且做出处理

xhr.onreadystatechange= function (){

//判断当前的xhr对象的状态值是否4

if(xhr.readyState == 4){

//判断服务器响应结果
if(xhr.responseText == "no"){
//提示不可用
div.innerHTML="<img src='../images/false.png' width='50' height='50'><font color='red'>对不起，用户名已存在</font>";
}else{
//提示可以用
div.innerHTML="<img src='../images/ok.jpg' width='50' height='50'><font color='green'>恭喜您，此用户名可以使用</font>";
}}}}
</script>
</head>
<body>
<form action="" name="form1" method="post">
用户名：<input type="text" name="username" onblur="checkUser()"/><div id="info"></div><br />
密码：<input type="password" name="password" /><br />
<input type="submit" value="提交" />
</form>
</body>
</html>

<?php
//接受客户端传来的参数
$user=$_GET['user'];
//连接数据库
mysql_connect("localhost","root","");
mysql_select_db("phpwork");
mysql_query("set names utf8");
if(isset($user)){
//根据用户传递的参数执行查询
$sql="select * from ajax where username='".$user."'";
$rs=mysql_query($sql);
//根据查询结果，返回不同的标识

if(mysql_num_rows($rs)){
echo "no";
}else{
echo "ok";
}
}
?>