ajax.html
<html>
<head>
<meta charset="utf-8"/>
<script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<script>
$(function(){
$("#name").blur(function(){
$.ajax({
url:"ajax.php",
type:"POST",
data:'name='+$("#name").val(),
asyn:true,
cache:false,
dataType:"text",
success:function(data,textStatus){
$(".formtip").remove();
$("<strong class='formtip'>*"+data+"</strong>").appendTo("div.div");
},
error:function(xhr,errMsg){
alert(errMsg);
}
});
});
});
</script>
</head>
<body>
<form>
<div class="div">
用户名:<input type="text" id="name" class="name"/>
</div>
<div class="div1">
密码:<input type="password" id="password" class="password"/>
</div>
</form>
</body>
</html>
ajax.php
<?php
$user=array('aa','as','df','cc');
if(in_array($_POST['name'],$user)){
echo '用户名已存在';
}else{
echo '用户名可以使用';
}