html
<body>
用户名<input type="text" /><span></span>
<script src="../ajax01.js"></script>
<script>
var oInput = document.querySelector("input");
var oSpan = document.querySelector("span");
oInput.onchange = function () {
ajax({
type: "get",
url: "case01.php",
data: { username: oInput.value },
success: function (data) {
if (data == 0) {
oSpan.innerHTML = "用户名已被占用";
}
if (data == 1) {
oSpan.innerHTML = "用户名可用";
}
},
});
};
</script>
</body>
</html>
php
<?php
//1.先获取前端传过来的用户名
$name = $_REQUEST["username"];
//2.假设从数据库中取到了用户名的所有数据
$arr = ["a","admin","123","abc"];
//3.判断用户名是否已存在
if(in_array($name,$arr)){
echo "0";
}else{
echo "1";
}
?>