ajax实现登陆

function Login(){
this.user = document.getElementById(“user”);
this.pass = document.getElementById(“pass”);
this.login = document.getElementById(“login”);
this.span = document.querySelector(“span”);
this.url = “http://localhost/1910-server/ajax/data/login.php”;

    this.init();
}
Login.prototype.init = function(){
    var that = this;
    this.login.onclick = function(){
        ajaxGet(that.url,function(res){
            // 3.数据的解析
            that.res = JSON.parse(res)
            // 2.ajax的回调函数的异步：只要想拿到ajax请求成功的数据，必须在ajax请求成功之后，在执行下面的方法
            that.display();
        },{
            user:that.user.value,
            pass:that.pass.value
        })
    }
}
Login.prototype.display = function(){
    // console.log(this.res)
    switch(this.res.statu){
        case 0:
            this.span.innerHTML = "欢迎登录";break;
        case 1:
            this.span.innerHTML = this.res.msg;break;
        case 2:
            this.span.innerHTML = this.res.msg + "<a href='http://www.baidu.com'>去注册</a>";break;
    }
}

new Login();

<?php - // 模拟从mysql获取到的数据 $u = "admin"; $p = "123456"; $user = @$_REQUEST["user"]; $pass = @$_REQUEST["pass"]; // 1.php返回数据的格式 if($u == $user && $p == $pass){ echo '{"msg":"成功","statu":0,"userMsg":{}}'; }else if($u == $user && $p != $pass){ echo '{"msg":"密码错误","statu":1}'; }else{ echo '{"msg":"该用户名不存在","statu":2}'; } ?>