使用php+Ajax實現唯一校正實現代碼[簡單應用]

首先建立一個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，出現如下提示：