关于ajax的问题

最新推荐文章于 2024-12-22 15:32:46 发布

alonia

最新推荐文章于 2024-12-22 15:32:46 发布

阅读量413

点赞数

分类专栏： ajax

本文链接：https://blog.youkuaiyun.com/alonia/article/details/49621649

版权

ajax 专栏收录该内容

3 篇文章

订阅专栏

今天学了一点ajax 遇到了很多问题，现总结如下：

1 . xmlHttp.open(）里参数为true 与false的选择 true 就是异步处理 false 就是同步处理就是当客户端请求服务时不管服务器端是否处理完毕就返回响应值这是异步反之就是同步.

2.关于我的status 值一直为0 的问题首先有两种可能一种是你的网页是在本地浏览的导致为0 还有一种就是你的提交按钮时 submit 使得找不到了。

3. 判断state 后还要判断status 否则就会出现2的问题

4.我出现的responseText一直弹出为空就是 2 的问题

下面是我的登录完整代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>管理员登录</title>
<link rel="stylesheet" href="css/LoginCss.css" type="text/css" media="screen" charset="utf-8">
<script>
function getxmlHttpRequest()
{
var xmlHttp=null;
if (window.XMLHttpRequest)
{// code for IE7, Firefox, Mozilla, etc.
xmlHttp=new XMLHttpRequest();
}
else if (window.ActiveXObject)
{// code for IE5, IE6
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if(xmlHttp==null)
{
alert("Your browser does not support XMLHTTP.");

}
return xmlHttp;
}
var xmlHttp=getxmlHttpRequest();
function AjaxRequst()
{
var username=document.getElementById('username').value;
var password=document.getElementById('psw').value;
sendRequest('login.php',call_back,'username='+username+'&password='+password);
}
function sendRequest(url,call_back,data)
{
var data=data || "";
xmlHttp.onreadystatechange=call_back;//onreadystatechange 在发生前和发生后都会触发，要根据 readyState 判断当前状态(只有在 readyState == 4 时才是发送完)
if(data!="")
{
xmlHttp.open("post",url,true);
xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlHttp.setRequestHeader("Content-length",data.length);
xmlHttp.setRequestHeader("Connection","close");

}else{

xmlHttp.open("get",url,true);

}
xmlHttp.send(data);

}

function call_back()
{

if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
var res=xmlHttp.responseText;
alert(res);}


}

}

</script>

</head>

<body>

<form method="post" >
<span>管理员登录</span>
用户名:<input type="text" name="username" value="" id="username"><br/><br/>
密码:<input type="password" name="password" value="" id="psw"><br/><br/>

<input type="button" value="登录" class="button" οnclick="AjaxRequst()">
</form>


</body>
</html>

<?php
header("Content-type:text/html;charset=utf-8");
if($_POST['username']=='php'&& $_POST['password']=='123')
{
echo ("hello");

}else{
echo ("用户名或密码错误");
}

?>