您当前位置：首页 > php开源 > php教程 > ajax php用户无刷新登录实例

ajax php用户无刷新登录实例

来源：程序员人生发布时间：2014-04-14 18:06:31 阅读次数：2208次

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>ajax php用户无刷新登录实例</title>
<script>
function userlogin(){
var xmlhttp;
var str;
var sendstr="";
try{
xmlhttp=new xmlhttprequest();
}
catch(e){
xmlhttp=new activexobject("microsoft.xmlhttp");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readystate==4){
if (xmlhttp.status==200){
str = xmlhttp.responsetext;
document.getelementbyid("userlogin").innerhtml=str;
}else{
alert("系统错误,如有疑问,请与管理员联系!"+xmlhttp.status);
}
}
}
xmlhttp.open("post","config/userlogin.php",true);
xmlhttp.setrequestheader('content-type','application/x-www-form-urlencoded');
xmlhttp.send(sendstr);
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<p>
<label for="textfield"></label>
<input type="text" name="uname" id="uname" /><span id="userlogin"></span><br />
<input type="text" name="upwd" id="upwd" /><span id="upwds"></span>
输入用户名</p>
<p>
<input type="button" name="button" id="button" value="登录" onclick="userlogin();" />
</p>
</form>
</body>
</html>

userlogin.php文件

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 正确书写网页标题代码有利SEO优化

下一篇 网站被百度拔毛三天后再次被重新收录

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点