首页 / AJAX / PHP+Ajax实现的检测用户名功能简单示例

PHP+Ajax实现的检测用户名功能简单示例

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了PHP+Ajax实现的检测用户名功能简单示例，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2401字，纯文字阅读大概需要4分钟。

内容图文

本文实例讲述了PHP+Ajax实现的检测用户名功能。分享给大家供大家参考，具体如下：

一 代码

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：

<?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="js/fun.js"></script>
<body>
<h2>Ajax检测用户名</h2>
<form name="form_register">
  用户名：<input type="text" id="username" name="username" size="20" /> <input type="button" value="查看用户名是否被占用" onclick="javascript:chkUsername(form_register.username.value)" />
</form>
</body>
</html>

二 运行结果

PHP+Ajax实现的检测用户名功能简单示例 - 文章图片

更多关于PHP相关内容感兴趣的读者可查看本站专题：《PHP+ajax技巧与应用小结》、《PHP网络编程技巧总结》、《PHP基本语法入门教程》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》

希望本文所述对大家PHP程序设计有所帮助。

内容总结

以上是互联网集市为您收集整理的PHP+Ajax实现的检测用户名功能简单示例全部内容，希望文章能够帮你解决PHP+Ajax实现的检测用户名功能简单示例所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/273897.html

来源：【匿名】