首页 手机软件 手机游戏 单机游戏 资讯文章 专题下载 游戏合集 文章合集 php下载 php教程 电脑软件
+ -
当前位置：首页 →  php教程> PHP+Ajax实现的检测用户名功能简单示例

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

时间：2021-01-20

来源：互联网

标签：

在手机上看
手机扫描阅读

本文实例讲述了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：

1<?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：

1<!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" />&nbsp;<input type="button" value="查看用户名是否被占用" onclick="javascript:chkUsername(form_register.username.value)" />

</form>

</body>

</html>

以上就是PHP+Ajax实现的检测用户名功能简单示例的全部内容了。

相关阅读 更多

今日更新

热门下载

更多
关于本站 免责申明 联系我们

Copyright 2006-2020 php爱好者(phpfans.net) All Rights Reserved.备案号：湘ICP备2023016114号-2

本站为非盈利性网站，不接受任何广告。本站所有资源均由网友上传，如有侵权，请发邮件至 [email protected] phpfans.net