基于php中的ajax实现检测用户名实现实例

时间:2012-12-29 08:41来源:未知作者:admin 点击: 次

分享到：

文章用一个实现来介绍了关于php+ajax实现用户名是否存在的检测功能，这样可以提前告诉用户这个要注册的用户是否可用哦，很方便哈。然后新建一个文件form.html--------------------------for

文章用一个实现来介绍了关于php+ajax实现用户名是否存在的检测功能，这样可以提前告诉用户这个要注册的用户是否可用哦，很方便哈。然后新建一个文件form.html --------------------------form.html----------------------------


	  
		 代码如下
		
	  
	  
		<script src="ajax.js"></script> <!--引用ajax类-->

<script language="javascript" type="text/javascript">
    function show(username){
        var ajax = Ajax();
        var noteobj = document.getElementById("note"); //将id为note的标签对象化
        ajax.post("form.php",{username:username},function(data){ //第二个username为需要传递的值
            noteobj.innerHTML = data; //data为从服务器端获取的数据
            });
    }
</script>

<style>
    input{font:menu};
</style>
<form action="reg.php" method="post">
    username:<input type="text" name="username" onblur="show(this.value)"/><div id="note"></div><br />
    password:<input type="password" name="password"><br />
    <input type="submit" value="register">
</form>

	  
	
最后新建一个php文件form.php

--------------------------form.html----------------------------


	  
		 代码如下
		
	  
	  
		<?php
    header("Content-type:text/html;charset=gb2312"); //设置字符集
    $mysqli = new mysqli("localhost","root","123","demo");  //打开demo数据库
    $result = $mysqli->query("select * from zhanghao where name='{$_POST["username"]}'");
    
    if($result->num_rows > 0){ //判断是否查询出数据
        echo "<font color='red'>用户{$_POST["username"]}已经存在！</font>";
    }else{
        echo "<font color='green'>用户{$_POST["username"]}可以注册</font>";
    }
?>

	  
	
在浏览器中打开form.html出现下图：