首页 > Web开发 > 详细

使用php+Ajax实现唯一校验实现代码[简单应用]

时间:2016-01-29 13:59:06      阅读:220      评论:0      收藏:0      [点我收藏+]
首先创建一个Ajax类(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出现下图:

技术分享

注意:需要提前在MySQL数据库中建立一个表“zhanghao”

技术分享

如果输入已存在的name,则出现如下提示:

技术分享

如果输入未存在的name,出现如下提示:

技术分享

使用php+Ajax实现唯一校验实现代码[简单应用]

原文:http://www.jb51.net/article/29007.htm

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!