ajax实现无刷新用户检测

最新推荐文章于 2025-12-26 22:04:22 发布

原创最新推荐文章于 2025-12-26 22:04:22 发布 · 304 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #xmlhttprequest #mysql #xhtml #safari #query

本文分享了一个使用AJAX进行实时用户名检查的功能实现方法。通过JavaScript发起异步请求到服务器，利用PHP脚本查询数据库中是否已存在该用户名。若存在则返回no，反之返回yes!，结果显示在页面上。

我花了老长时间才实现的这个功能，和大家分享一下…… 认为好的，可要顶一下哦……

test.html

<!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>无标题文档</title>
</head>

<script type="text/javascript">

function ajaxFunction()
{
var xmlHttp;

try
    {
   // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
    }
catch (e)
    {

// Internet Explorer
   try
      {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
   catch (e)
      {

      try
         {
         xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
         }
      catch (e)
         {
         alert("您的浏览器不支持AJAX！");
         return false;
         }
      }
    }

    xmlHttp.onreadystatechange=function()
      {
      if(xmlHttp.readyState==4)
        {
         document.myForm.exsit.value=xmlHttp.responseText;
        }
      }
var name=document.myForm.username.value;
xmlHttp.open("get","test.php?name="+name,true);
    xmlHttp.send(null);

}
</script>

</body>
</html>

test.php

<?php
$name=$_GET["name"];

$conn=mysql_connect("localhost","root","123456");
mysql_select_db(ddg,$conn);
mysql_query("set names UTF8");

$sql="select * from ddg_member where member_name ='$name'";
$rs=mysql_query($sql);
$result=mysql_num_rows($rs);
if($result>0)
{
echo "no";
}
else
{
echo "yes!";
}
?>