PHP中AJAX的使用

最新推荐文章于 2024-05-12 00:45:00 发布

zhouwen5288

最新推荐文章于 2024-05-12 00:45:00 发布

阅读量256

点赞数

文章标签： ajax php xmlhttprequest function javascript url

本文链接：https://blog.csdn.net/zhouwen5288/article/details/6493783

版权

AJAX通用，只不过在PHP用法有点却别而已！

使用页面：index.php

<html>
<head>
<title>ajax</title></head>
<body>
<input name="loginid" onBlur="checkuname(this);"><span id="divloginid"></span>
</body>
<script language="javascript" type="text/javascript">
//创建XMLHttpRequest对象
function createXmlHttpRequest(){
if(window.XMLHttpRequest)
return new XMLHttpRequest; //非IE浏览器
else if(window.ActiveXObject){
try{
   return new ActiveXObject("Msxml2.XMLHTTP");}
   catch(e){
   try{return new ActiveXObject("Microsoft.XMLHTTP");}
   catch(e){}
    }
   }
}

var xmlHttpRequest;//定义XMLHttpRequest全局对象
//非空验证
function checkuname(oCtrl){
var uname=oCtrl.value;
if(!uname){
alert("请输入用户名");
oCtrl.focus();
return;
}
var url="index1.php?loginid="+uname;//提交到处理页面
xmlHttpRequest=createXmlHttpRequest();
xmlHttpRequest.onreadystatechange=huidiao; //地偶啊用回调函数
xmlHttpRequest.open("GET",url,true); //初始化xmlHttpRequest组件,true为异步调用，即send发送请求后不用响应继续执行后
//面的JS语句
xmlHttpRequest.send(null);//发送请求
}

//设置回调函数
function huidiao(){
if(xmlHttpRequest.status==200 && xmlHttpRequest.readyState==4){
var divloginid=document.getElementById("divloginid");
var b=xmlHttpRequest.responseText; //获取处理页面的返回值
if(b=="true")
divloginid.innerHTML="<font color='red'>用户名正确</font>";
else
divloginid.innerHTML="<font color='red'>用户名不正确</font>";
}
}
</script>
</html>

处理的页面：index1.php

<?php
//header("Content-type:text/html;charset=gbk");
//可用此行设置编码，但是不能有html标签
$loginid=$_GET["loginid"];
$str="";
if($loginid!="test")
$str="false";
else
$str="true";
echo $str;
?>