ajax 验证用户名是否存在

最新推荐文章于 2023-05-07 16:04:19 发布

JuanWY

最新推荐文章于 2023-05-07 16:04:19 发布

阅读量766

点赞数

分类专栏：学习笔记文章标签： ajax php

本文链接：https://blog.csdn.net/JuanWY/article/details/47129593

版权

学习笔记专栏收录该内容

33 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>ajax验证</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<p> 用户名 :<input type="text" name="username" /><span id="reg"></span></p>
</body>
<script>
document.getElementsByName('username')[0].onblur = function () {
var xhr = new XMLHttpRequest();
var url = '01.php?username='+this.value;
xhr.onreadystatechange = function(){
if (xhr.readyState == 4) {
// alert('请求结束了，响应内容是'+this.responseText);
var span = document.getElementById('reg');
if(this.responseText == '0') {
span.innerHTML = '<font color="green"> 恭喜 , 用户名可用 </font>';
} else {
span.innerHTML = '<font color="red"> 可悲 , 用户名已被占用 </font>';
}
}
}
xhr.open('GET', url, true);
xhr.send(null);
}
</script>

</html>

<?php

$u = $_GET['username'];
$mysql = array('zhangsan' , 'lisi' , 'wangwu');
echo in_array($u, $mysql)?1:0;

?>