今天算第一次上手ajax,为了再当前页面验证用户名和密码,对了才进行跳转,错了直接告诉用户,然后就一直在找怎么写,百度了,群里也问了,都没头绪,有个人给了一个建议不过过程好复杂,所以就自己去找了,先去w3c看虽然以前看过可是其实还是云里雾里,刚好那时想起有个视频,就去找了,刚好也有个验证用户名密码的,就去看了下
当第一次了解ajax,看了一会稍微了解一点过程,第一步,创建ajax引擎类,然后第二部,发送http请求给请求的php,第三部http响应返回(数据格式文本/xml/json),第四部ajax对象执行回调函数(如果有的话).下面是自己今天写的,很烂很简单的异步相互。
现在自己登陆界面发送get请求给php文件,带上账户名和密码,通过php文件验证,对了返回1,错了返回“账户或密码错误”,然后再ajax引擎对象回调函数进行判断,是“1”进行跳转,错了输出“账户或密码错误”。。。。。是不是很拙计,第一次难免,见谅见谅 下面附上自己的代码
html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="../admin_control_php/easyui/admin.css">
</head>
<script language="javascript" type="text/javascript">
function checkname()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if(xmlhttp) {
var url="../admin_control_php/admin.php?name="+document.getElementById("user").value+"&pwd="+document.getElementById("pwd").value;
xmlhttp.open("get",url,true);
xmlhttp.onreadystatechange=test;
xmlhttp.send(null);
}
function test(){
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
if(xmlhttp.responseText==1)
window.location.href='../admin_html/index.html';
else
document.getElementById("my").value=xmlhttp.responseText;
}
}
}
function clear_error()
{
document.getElementById("my").value=' ';
}
</script>
<body>
<div id="login" class="login">
<form action="../admin_control_php/admin.php" method="post">
<input type="text" style="border-width:0;color:red;" id="my" readonly><br>
<label for="user">登录名:</label><br />
<input id="user" type="text" name="user" class="user" autocomplete="off" placeholder="用户名" onClick="clear_error()"/><br /><br />
<label for="pwd">密码:</label><br />
<input type="password" id="pwd" name="pwd" class="user" placeholder="密码" onClick="clear_error()"/><br /><br />
<input type="button" id="submit" name="sumbit" class="myButton" onClick="checkname()" value="登陆" />
</form>
</div>
</body>
</html>
php
php
$result=$conn->execute_dql($sql);
if($row=mysql_fetch_row($result))
{
if($pwd==$row[1])
echo 1;
else
echo "账户或密码错误";
}
else{
echo "账户或密码错误";
}