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}'; } ?>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值