1;html code
<html charset="utf-8">
<body>姓名:<input type="text" id="name" name="name">
<button id="b01" type="button">查看</button>
<div id="myDiv"></div>
<script src="./js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#b01").click(function(){
var username =$("#name").val();
$.ajax({
type: "POST",
url: "ajax-example.php",
data: "name="+username,
success: function(msg){
$("#myDiv").html(msg);
}
});
});
});
</script>
</body>
</html>
2: php
$host="localhost";
$database="chaly1";
$user="root";
$password="root";
$db=new mysqli($host,$user,$password,$database);
$db->query("set names utf8");
if(!$db){
die($db->mysqli_error());
}
if(empty($_POST['name'])) {
echo '輸入錯誤';
exit;
}
$sql="SELECT * FROM `user_info` WHERE `user_name`='".$_POST['name']."'";
$result=$db->query($sql);
if(!$result){
die($db->mysqli_error());
}
$row=$result->fetch_row();
if(is_array($row)){
echo "用戶名已經被使用";
}else{
echo "可以使用改用戶名";
}
mysqli_close($db);