欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2024-01-01 18:55:52
本文实例讲述了php+ajax实现的检测用户名功能。分享给大家供大家参考,具体如下: 一 代码 fun.js: function chkusername(us...

本文实例讲述了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程序设计有所帮助。

上一篇:

下一篇: