ajax用户名案例(重点)

要求:失去焦点时如下效果

主页代码

<body>
用户名:<input type="text" id="a" /><div id="b"></div>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(e){
   $("#a").blur(function(){
       var val=$(this).val();
       //调用ajax
       $.ajax({
           url:"chuli.php",//处理页面
           data:{u:val},//要提交的值
           type:"POST",//提交方式
           dataType:"TEXT",//返回类型
           success: function(s)//回调函数
           {
               if(s.trim()=="OK")//s.trim()指给返回的整个页面去空格
               {
                  var str="可以注册" ;
                   $("#b").html(str);
               }
               else
               {
                  var str="该用户名已存在";  
                  $("#b").html(str);
               }
            }
           });
       });
});
</script>

处理页面

<?php
include "DBDA.class.php";
$uid=$_POST["u"];
$dx=new DBDA();
$sql="select count(*) from family where name='{$uid}'";
$attr=$dx->query($sql);
if($attr[0][0]>0)
{
    echo "NO";
    }
else
{
    echo "OK";
}