####客户端实现
####保存以下代码运行
<!doctypehtml>
<htmllang="en">
<head>
<meta charset="UTF-8">
<title>注册</title>
<script type="text/javascript">
//创建ajax引擎
function getXmlHttpObject(){
var xmlHttpRequest;
//不同浏览器获取对象XMLHttpRequest
if(window.ActiveXObject){
xmlHttpRequest=new ActiveXObject("Microsoft.XMLHTTP");
}
else{
xmlHttpRequest=new XMLHttpRequest();
}
return xmlHttpRequest;
}
var myXmlHttpRequest="";
//验证用户名是否存在
function checkName(){
myXmlHttpRequest=getXmlHttpObject();
//判断xmlHttpRequest是否成功
if(myXmlHttpRequest){
//通过myXmlHttpRequest对象发送请求到服务器的某个页面
//第一个参数标示请求的方式，‘get'、‘post'
//第二个参数指定url，对那个页面发送ajax请求（本质仍然是http请求）
/*XMLHttpRequest.open(bstrMethod, bstrUrl, varAsync, bstrUser,bstrPassword);
*/
var url="sercardid.php?name="+document.getElementById('name').value;
//window.alert(url);
myXmlHttpRequest.open("get",url,true);
//window.alert('创建ajax引擎成功');
//指定回调函数,chuili是函数名
myXmlHttpRequest.onreadystatechange=chuli;//调用
//真的发送请求，如果是各塔请求则填入null即可
//如果是post请求,则填入实际数据
myXmlHttpRequest.send(null);
}
else
{
// window.alert('创建失败');
}
}
function chuli(){
// window.alert("cuhli函数被调用"+myXmlHttpRequest.readyState);
//我要取出从register.php返回的数据
if(myXmlHttpRequest.readyState==4){
//取出值，根据返回信息的数据格式
//window.alert("服务器返回"+myXmlHttpRequest.responseText);
$('myres').value=myXmlHttpRequest.responseText;
}
}
function $(id){
return document.getElementById(id);
}
</script>
</head>
<body>
<form action="yancardid.php" method="post">
用户名字:<input type="text" name="name" onkeyup="checkName()" id="name">
<input type="button"value="验证用户名">
<input style="border-width:0;color: #e93b3d" type="text" id="myres">
<br/>
用户密码:<input type="password" name="password"><br>
电子邮件:<input type="text" name="email"><br/>
<input type="submit"value="用户注册">
</form>
</body>
</html>
####服务端实现
###保存以下代码为yancardid.php
<?php
//引入数据库链接配置文件
$con = mysqli_connect('localhost', 'vip', 'vip');
if(! $con )
{
die('连接失败: ' . mysqli_error($con));
}
mysqli_select_db($con,'member');
$cardid = "select cardid FROM u_users where cardid = '$_GET[name]' ";
$result = mysqli_query($con,$cardid);
$rows=mysqli_num_rows($result);
if($rows > 0){
echo "卡号已注册" ;
exit;
}else{
echo "卡号可用";
}
mysqli_close($con)
?>
