ajaxlogin.htm
复制内容到剪贴板
代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ZH-CN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>login</title>
<script type='text/javascript'>
var username; //全局变量
var password;
var ajaxlogin = creatXmlHttp(); //创建XMLHttpRequest 对象
function creatXmlHttp()
{
var xmlhttp;
if(window.ActiveXObject) //判断是IE浏览器的情况
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
function fuajaxlogin()
{
username = document.getElementById("name").value;
password = document.getElementById("password").value;
var url = "ajaxlogin.php?name="+username+"&password="+password;
ajaxlogin.open("GET",url,true);
ajaxlogin.onreadystatechange = getResponse;
ajaxlogin.send(null);
}
function getResponse()
{
if(ajaxlogin.readyState==4 && ajaxlogin.status == 200)
{
var response = ajaxlogin.responseText;
if(response=="yes") //如果回传的是“yes” ，那就说明白已经成功了。就把输入框隐藏，并显示用户名。
{
login.style.display="none";
msg.innerText=username+" islogin";
}
else
{
msg.innerText="nologin";
}
}
else
{
msg.innerText="loading";
}
}
</script>
</head>
<body>
<div id="login" >
用户名：<input id="name" type="text" size=20 /><br />
密码： <input id="password" type="password" size=20 />
<br />
<input id = "submit" type="button" value="login" onclick='fuajaxlogin()' />
</div>
<div id="msg" ></div>
</body>ajaxlogin.php
复制内容到剪贴板
代码:
<?php
$username=$_GET['name'];
$password=$_GET['password'];
if($username !='xm1822' || $password !='1111')
{
echo "no";
}
else
{
echo "yes";
}
?>[
本帖最后由 xm1822 于 2008-4-25 15:03 编辑 ]
