登录前login.php ajax代码function createRequest(){ var request; if(window.XMLHttpRequest){ // For Mozilla, Safari, ... request = new XMLHttpRequest(); } else if(window.ActiveXObject){ // For Internet Explorer request = new ActiveXObject("Microsoft.XMLHTTP"); } return request; } function checklogin(){ var ajax=createRequest(); var name =document.getElementById('name'); var psw=document.getElementById('psw'); var Strurl = "login_save.php?name="+name+"&psw="+psw; ajax.open("GET",Strurl,true); ajax.onreadystatechange = function () { if (ajax.readyState == 4 && ajax.status==200) { display(ajax.responseText); } } ajax.send(null); } function display(str){ if(str=="failure"){ document.getElementById("div1").style.display="none"; document.getElementById("div2").style.display=""; document.getElementById("div2").innerHTML="登陆失败"; } }<div id="div1" style="display:">登录时调用AJAX</div> <div id="div2" style="display:none">显示用户信息的</div>login_save.php处理登录验证,用户名或密码错误输出 failureif("不正确"){ echo "failure"; }大概就是这么个过程!
ajax代码function createRequest(){
var request;
if(window.XMLHttpRequest){ // For Mozilla, Safari, ...
request = new XMLHttpRequest();
} else if(window.ActiveXObject){ // For Internet Explorer
request = new ActiveXObject("Microsoft.XMLHTTP");
}
return request;
}
function checklogin(){
var ajax=createRequest();
var name =document.getElementById('name');
var psw=document.getElementById('psw');
var Strurl = "login_save.php?name="+name+"&psw="+psw;
ajax.open("GET",Strurl,true);
ajax.onreadystatechange = function () {
if (ajax.readyState == 4 && ajax.status==200) {
display(ajax.responseText);
}
}
ajax.send(null);
}
function display(str){
if(str=="failure"){
document.getElementById("div1").style.display="none";
document.getElementById("div2").style.display="";
document.getElementById("div2").innerHTML="登陆失败";
}
}<div id="div1" style="display:">登录时调用AJAX</div>
<div id="div2" style="display:none">显示用户信息的</div>login_save.php处理登录验证,用户名或密码错误输出
failureif("不正确"){
echo "failure";
}大概就是这么个过程!
先用AJAX检验用户登陆;
if(成功){
submit();//跳转
}else{
重新登陆;
}login.php的PHP代码
if(不成功){
div1显示,div2隐藏用户信息
}else{
div1隐藏,div2显示用户信息
}login_save.php貌似没什么用。