ajax 用户 登录 功能

今天来讲讲ajax实现静态文件登陆效果吧,首先我们就以站登陆效果为例子吧:先看的登陆入口效果:这看上去和别的没什么区别,但我们仔细一看原来这是一个静态页面的入口,登陆成功的在这个静态页面显示的效果是,这张是登陆成功选择进入的栏目,我们主要的是看这张的效果图,这是在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文件和我们普通的登陆方式没什么不同的.注明:原创作品
转载请注明: