自己对ajax的第一次上手被人说菜死还真是菜

最新推荐文章于 2024-07-09 15:51:39 发布

夜晚的蔚蓝

最新推荐文章于 2024-07-09 15:51:39 发布

阅读量578

点赞数

分类专栏： ajax js php 文章标签： ajax 函数 php

本文链接：https://blog.csdn.net/u014484873/article/details/24670341

版权

js 同时被 3 个专栏收录

7 篇文章 0 订阅

订阅专栏

php

4 篇文章 0 订阅

订阅专栏

ajax

1 篇文章 0 订阅

订阅专栏

今天算第一次上手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 "账户或密码错误";
}