function chkUsername(username){ if(username==''){ //判断用户名是否为空 alert('请输入用户名！'); }else{ var xmlObj; //定义XMLHttpRequest对象 if(window.ActiveXObject){ //如果是浏览器支持ActiveXObjext则创建ActiveXObject对象 xmlObj = new ActiveXObject("Microsoft.XMLHTTP"); }else if(window.XMLHttpRequest){ //如果浏览器支持XMLHttpRequest对象则创建XMLHttpRequest对象 xmlObj = new XMLHttpRequest(); } xmlObj.onreadystatechange = callBackFun; //指定回调函数 xmlObj.open('GET', 'chk.php?username='+username, true); //使用GET方法调用chk.php并传递username参数的值 xmlObj.send(null); //不发送任何数据，因为数据已经使用请求URL通过GET方法发送 function callBackFun(){ //回调函数 if(xmlObj.readyState == 4 && xmlObj.status == 200){ //如果服务器已经传回信息并没发生错误 if(xmlObj.responseText=='y'){ //如果服务器传回的内容为y，则表示用户名已经被占用 alert('该用户名已被他人使用！'); }else{ //不为y，则表明用户名未被占用 alert('恭喜，该用户未被使用！'); } } } } }
chk.php：
<?php require_once 'conn.php'; //包含数据库连接文件 $sql = mysql_query("select id, username from tb_user where username='".trim($_GET['username'])."'", $connID); //执行查询 $result = mysql_fetch_array($sql); if ($result) { //判断用户名是否存在 echo 'y'; } else { echo 'n'; } ?>
conn.php：
<?php $host = '127.0.0.1'; $userName = 'root'; $password = 'root'; $connID = mysql_connect($host, $userName, $password); mysql_select_db('db_database27', $connID); mysql_query('set names gbk'); ?>
index.php：
<!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=gb2312" /> <title>Ajax检测用户名</title> </head> <script language="javascript" src="https://www.jb51.net/js/fun.js"></script> <body> <h2>Ajax检测用户名</h2> <form> 用户名：<input type="text" size="20" /> <input type="button" value="查看用户名是否被占用" /> </form> </body> </html>
二 运行结果
更多关于PHP相关内容感兴趣的读者可查看本站专题：《PHP+ajax技巧与应用小结》、《PHP网络编程技巧总结》、《PHP基本语法入门教程》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》