AJAX ユーザーはログイン後にどのようにページにジャンプしますか? ajaxユーザージャンプページの説明（例あり）

この記事では、ユーザーがログインした後に ajax がジャンプする状況を主に紹介します。以下に詳細なコード例がありますので、必要な方はすぐにご覧ください。それでは、この記事の紹介を始めましょう

最近、私はバックエンド管理システムに取り組んでいたときに、ユーザーにリアルタイムで返品を促すためのバックエンドログインページを作成しました。入力情報の状態

もちろん、同じユーザー名とパスワードが間違っていると判断した場合はバックグラウンド検証を経て更新せずにページに表示される必要があるので、最初に考えられるのは非同期処理です(これは芸術)

TP の $this_ajaxReturn(); メソッドは情報を返すことができます。前のセクションに進み、jq を使用して、対応する情報をローカルで判断して更新します。

しかし、実際に正しいユーザー名とパスワードを入力すると、バックグラウンド管理ページにジャンプできず、JSONデータストリームを返すだけです

バックグラウンドを受信するときに非同期で使用していることが判明データを返し、処理を js コードに任せ、json ストリームを返すと、ページを更新せずにバックグラウンド リダイレクトがストリームに入ります。受信した応答を通じてのみページ情報を確認できます。 (さらに詳しく知りたい場合は、PHP 中国語 Web サイト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('verify','','md5');        if($verify !== $_SESSION['verify'])
            {                $this->ajaxReturn(array('status' =>'2'));                die();
            }        $username=I('user','','');        $passward=I('pwd','','');        $date=M('admin',NULL);        $date->where(array('username' => $username))->find();        if($date and $date->passward == $passward)
        {            $id = $date->id;            $login_time = time() ;            $login_ip = get_client_ip();            $date = array('id' => $id,'login_ip' => $login_ip,'login_time' => $login_time );
            M('admin')->save($date);
            session('uid',$date['id']);
            session('ip',$date['login_ip']);            // $this->ajaxReturn(array('status' =>'1'));
            // $this->success('登陆成功',U('Admin/Admin/index'));
        }        else
        {            $this->ajaxReturn(array('status' =>'0'));            $this->redirect('Admin/Index/index');
        }
    }

上記には、ユーザー名とパスワードが正しいかどうかを判断するためのバックグラウンドデータを受け入れるプロセスもあります

この記事ここで終わります (さらに詳しく知りたい場合は、PHP 中国語 Web サイトAJAX ユーザーマニュアル の列にアクセスしてください)。ご質問がある場合は、以下にメッセージを残してください。

以上がAJAX ユーザーはログイン後にどのようにページにジャンプしますか? ajaxユーザージャンプページの説明（例あり）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。