<!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="../0516JSON弹窗/0516/jquery-1.11.2.min.js"></script>
</head>
<body>
<div><input type="text" id="nr" /><span id="shuzu"></span></div>
</body>
<script type="text/javascript">
$(document).ready(function(e) {
$("#nr").blur(function() {
var zhi=$(this).val(); 取出文本框里面的内容
调用ajax
$.ajax({
url:"chuli.php", 在chuli.php页面处理
data:{z:zhi}, 传递文本框的数据
type:"POST", 传递数据的方法
dataType:"TEXT", 返回数据的类型
success: function(data){ ajax调用成功之后调用方法
if(data=="ok")
{
var ok="该用户名可以使用";
$("#shuzu").html(ok);
}
else
{
var no="<span style='color:red'>该用户名已存在，请重新输入</span>";
$("#shuzu").html(no)
}
}
})
});
});
</script>
</html>
处理页面
<?php
$zhi=$_POST["z"];
include("../0512分页查询/0512/DBDA.php");
$db=new DBDA();
$sql="select count(*) from users where uid='{$zhi}'";
$jieguo=$db->Query($sql);
if($jieguo[0][0]==1)
{
echo"no";
}
else
{
echo"ok";
}