<!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=utf-8" /> <title>无标题文档</title> <script src="../jquery-1.11.2.min.js"></script> </head> <body> <div><input type="text" id="uid" /><span id="xinxi"></span></div> </body> <script type="text/javascript"> $(document).ready(function(e) {//jquery外层 $("#uid").blur(function(){ var uid=$(this).val(); //调用ajax $.ajax({ //async:false,//变为同步AJAX，默认异步 url:"ChuLi.php", data:{u:uid},//传递的数据json数据 type:"POST",//提交方式 datatype:"TEXT",//返回数据的类型TEXT,JSON,XML success:function(data){//形参 success回调函数 if(data.trim()=="ok")//注意：这里接收的数据要与ChuLi.php的一样一样的，所以OK要大写，这里还需要注意去除空格用trim();
{ var str="该用户名可以使用"; $("#xinxi").html(str); } else { var str="<span style='color:red'>该用户名已经存在</span>"; $("#xinxi").html(str); } }, }); }); }); </script> </html>
<?php $uid=$_POST["u"];//获取 include("ChaXun.class.php"); $db=new ChaXun(); $sql="select count(*) from Users where cid='{$uid}'"; $attr=$db->Query($sql); var_dump($attr); if($attr[0][0]==1) { echo"NO"; } else { echo"OK"; }