频道导航

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

2018-12-30 Ajax 前端之家

前端之家收集整理的这篇文章主要介绍了使用php+Ajax实现唯一校验实现代码[简单应用]，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

首先创建一个Ajax类（Ajax类）然后新建一个文件form.html --------------------------form.html----------------------------
<div class="codetitle"><a style="CURSOR: pointer" data="78995" class="copybut" id="copybut78995" onclick="doCopy('code78995')"> 代码如下:

<div class="codebody" id="code78995">
<script src="ajax.js">
<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为从服务器端获取的数据
});
}

<form action="reg.PHP" method="post">
username:<input type="text" name="username" onblur="show(this.value)"/><div id="note">

password:<input type="password" name="password">

<input type="submit" value="register">

最后新建一个PHP 文件form.PHP
--------------------------form.html----------------------------
<div class="codetitle"><a style="CURSOR: pointer" data="70709" class="copybut" id="copybut70709" onclick="doCopy('code70709')"> 代码如下:

<div class="codebody" id="code70709">
<?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 "用户{$_POST["username"]}已经存在！";
}else{
echo "用户{$_POST["username"]}可以注册";
}
?>

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