首先创建一个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出现下图:
注意:需要提前在MySQL数据库中建立一个表“zhanghao”
如果输入已存在的name,则出现如下提示:
如果输入未存在的name,出现如下提示:
(编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|