ajax 用户 登录 功能
发布时间:2016-10-29 编辑:jiaochengji.com
教程集为您提供ajax 用户 登录 功能等资源,欢迎您收藏本站,我们将为您提供最新的ajax 用户 登录 功能资源
今天来讲讲ajax实现静态文件登陆效果吧,首先我们就以站www.jiaochengji.com登陆效果为例子吧:先看www.jiaochengji.com的登陆入口效果:
这看上去和别的没什么区别,但我们仔细一看原来这是一个静态页面的入口,登陆成功的在这个静态页面显示的效果是,这张是登陆成功选择进入的栏目,
我们主要的是看这张的效果图,这是在index.html登陆成功的显示的效果,不过我要申明它不是用框架做的,而正是用ajax实现的,下面我们来看看它的html源码我们就会发出在文件最后有这样一段代码:
<script language="javascript">
<!--
function return_member(str){
var url='';
ajaxcreate();
if(str==0){
url="/member.php?action=" Math.random();
}else{
url="/user_login.php?pp=" Math.random();
}
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
if(str==0){
xmlHttp.onreadystatechange=returnstate;
}else{
xmlHttp.onreadystatechange=update_login;
}
}
function returnstate(){
if(xmlHttp.readyState != 4 ){
document.getElementById("ajax").innerHTML="正在加载数据,请稍后...";
}
if(xmlHttp.readyState == 4 ){
document.getElementById("ajax").innerHTML=xmlHttp.responseText;
}
}
function update_login(){
if(xmlHttp.readyState == 4 ){
document.getElementById("pper").innerHTML=xmlHttp.responseText;
}
}
function loader(){
return_member();
}
-->
</script>
这代码url="/user_login.php?pp=" Math.random();这个就是把数据发给user_login.php文件进行处理了,其实的php文件和我们普通的登陆方式没什么不同的.
注明:原创作品 转载请注明:www.jiaochengji.com
您可能感兴趣的文章:
PHP 登录完成跳转上一访问页面
php怎么不登录不能访问
基于jquery+thickbox仿校内登录注册框
jQuery.ajax 用户登录验证代码
ajax 用户 登录 功能
S2SH整合JQuery+Ajax实现登录验证功能实现代码
php利用$_COOKIE实现自动登录程序代码
UCenter单点登录/同步登录/同步登出实例
php怎么查询当前用户名
php实现记住密码自动登录的功能
上一篇:smarty结合xajax检测用户名
下一篇:php制作留言板二[源码]
[关闭]