jquery && ajax check username_ajax 做check-优快云博客

本文链接：https://blog.youkuaiyun.com/mayslxc/article/details/48348751

本文介绍了如何通过HTML、PHP和Ajax实现一个简单的用户注册与验证系统，包括前端输入验证和后端数据库查询。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1;html code

<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);