局部刷新小栗子：
1.主页面
<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) { //blur失去焦点事件 $("#uid").blur(function(){ var uid = $(this).val();//把文本框的值取出来 $.ajax({ //调用ajax url:"chuli.php",//调用哪一个页面处理 data:{uid:uid},//传递的数据，是一个JSON 数据传过去，如果多个数据用逗号隔开 type:"POST",//提交方式，一般使用post datatype:"text",//返回数据d类型，有三种：text是返回的数据类型是文本，第二种是JSON，返回的数据格式是JSON格式，第三返种是XML，返回的XML格式 success:function(data){//Ajax调用成功后返回来调用的函数,值调回的类型由datatype 决定。（回调函数） if(data=="ok") { var str = "该用户名可以使用！"; $(".#xinxi").html(str); } else { var str ="<span style='color:red'>该用户名已经存在!</span>" $("#xinxi").html(str); } } }); }) }); </script> </html>
2.处理页面
<?php $uid = $_POST["uid"];//接受传递过来的参数 include("../DBDA.class.php"); $db = new DBDA(); $sql="select count(*) from users where uid='{$uid}'"; $attr = $db->query($sql); if($attr==1) //数据已经存在 { echo "no!" ; } else { echo "ok"; }