搜索

首页 >web前端 >js教程 >AJAX用户如何登录后跳转页面？ajax用户跳转页面的解释（附实例）

AJAX用户如何登录后跳转页面？ajax用户跳转页面的解释（附实例）

寻∝梦
寻∝梦原创
2018-09-10 14:04:0012652浏览

本篇文章主要的介绍了关于ajax用户登录后跳转的情况，下面有详细的代码实例，有需要的朋友赶紧看过来。现在就开始本篇文章的介绍吧

最近在学习TP框架的使用，在做后台管理系统的时候做了个后台登录页面，想实时的提示用户输入信息的返回情况

19.png

当然判断同户名密码错误要经过后台验证并且不刷新的情况下显示在页面上，那么首先就想到异步处理（这是门艺术）

TP上的$this_ajaxReturn();方法就可以将信息返回到前段，并用jq判断局部刷新出相应的信息。

但是当我真正的输入正确的用户名密码时却无法跳转到后台管理页面只是返回一条json数据流

20.png

21.png

原来使用异步在收到后台返回数据的时候，交给js代码处理，返回json流，那么后台的重定向就进入了流里面，而不会刷新出页面，只能通过收到的相应看到页面信息。（想看更多就到PHP中文网AJAX开发手册栏目中学习）

那么我们知道在js里面处理 那么就可以用js的重定向Windows.location.href=’url’;跳转到指定页面

js代码

$(function(){
    $('button').click(function(){
        var user = $('input[name=user]');        var pwd = $('input[name=pwd]');        var verify = $('input[name=verify]');        if(user.val() == ''|| pwd.val() == '')
        {
            $('[name=user]').focus();
            $(&#39;#errormsg&#39;).html("<strong>用户名或密码不能为空<strong>");            return false;
        }        else if(verify.val() == &#39;&#39;) 
        {
            $(&#39;#errormsg&#39;).html("<strong>验证码不能为空<strong>");            return false;

        }        else{

           $.ajax({
　　                  url: handle,
 　　                 data:{&#39;user&#39;:user.val(),&#39;pwd&#39;:pwd.val(),&#39;verify&#39;:verify.val()},
 　　                 type: "POST",
 　　                 dataType:&#39;json&#39;,
 　　                 success:function(data){
                            if(data.status == &#39;1&#39;){
                             window.location.href = dr;
                            }                            else if (data.status == &#39;2&#39;) {
                               $(&#39;#errormsg&#39;).html("<strong>验证码错误<strong>");
                            }else if (data.status == &#39;0&#39;) {
                                $(&#39;#errormsg&#39;).html("<strong>用户名或密码错误！<strong>");
                            }
                        }, 
                        error : function(data) {
                            alert("出错：" + data.code);
                        }　　                
                    });
            }
    });
})

后台代码

$verify = I(&#39;verify&#39;,&#39;&#39;,&#39;md5&#39;);        if($verify !== $_SESSION[&#39;verify&#39;])
            {                $this->ajaxReturn(array(&#39;status&#39; =>&#39;2&#39;));                die();
            }        $username=I(&#39;user&#39;,&#39;&#39;,&#39;&#39;);        $passward=I(&#39;pwd&#39;,&#39;&#39;,&#39;&#39;);        $date=M(&#39;admin&#39;,NULL);        $date->where(array(&#39;username&#39; => $username))->find();        if($date and $date->passward == $passward)
        {            $id = $date->id;            $login_time = time() ;            $login_ip = get_client_ip();            $date = array(&#39;id&#39; => $id,&#39;login_ip&#39; => $login_ip,&#39;login_time&#39; => $login_time );
            M(&#39;admin&#39;)->save($date);
            session(&#39;uid&#39;,$date[&#39;id&#39;]);
            session(&#39;ip&#39;,$date[&#39;login_ip&#39;]);            // $this->ajaxReturn(array(&#39;status&#39; =>&#39;1&#39;));
            // $this->success(&#39;登陆成功&#39;,U(&#39;Admin/Admin/index&#39;));
        }        else
        {            $this->ajaxReturn(array(&#39;status&#39; =>&#39;0&#39;));            $this->redirect(&#39;Admin/Index/index&#39;);
        }
    }

以上也有接受后台数据判断用户名密码是否正确的流程

本篇文章到这就结束了（想看更多就到PHP中文网AJAX使用手册栏目中学习），有问题的可以在下方留言提问。

以上是AJAX用户如何登录后跳转页面？ajax用户跳转页面的解释（附实例）的详细内容。更多信息请关注PHP中文网其他相关文章！

php json ajax JS 异步 location href windows
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
上一篇：ajax具体怎么使用的？ajax使用的四步解析（附实例）下一篇：ajax的工作原理你知道吗？ajax的简介和原理的详细总结（经典）

相关文章

查看更多