一 代码

fun.js：

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：

conn.php：

index.php：

Ajax检测用户名

  用户名： 

二 运行结果