Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie gelangen AJAX-Benutzer nach der Anmeldung zur Seite? Erklärung der Ajax-Benutzersprungseite (mit Beispielen)

寻∝梦
Freigeben: 2018-09-10 14:04:00
Original
12609 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die Situation von Ajax-Benutzern vor, die nach der Anmeldung springen. Nachfolgend finden Sie detaillierte Codebeispiele. Freunde in Not sollten schnell einen Blick darauf werfen. Beginnen wir jetzt mit der Einführung dieses Artikels

Ich habe kürzlich die Verwendung des TP-Frameworks gelernt. Als ich am Backend-Verwaltungssystem arbeitete, wollte ich dazu auffordern Benutzer in Echtzeit über den Rückgabestatus der Eingabeinformationen

Wie gelangen AJAX-Benutzer nach der Anmeldung zur Seite? Erklärung der Ajax-Benutzersprungseite (mit Beispielen)

Natürlich muss die Beurteilung, dass der falsche Benutzername und das falsche Passwort einer Hintergrundüberprüfung unterzogen werden, angezeigt werden Wenn Sie die Seite nicht aktualisieren, müssen Sie zunächst an die asynchrone Verarbeitung denken (dies ist die Tür Art).

Die Methode $this_ajaxReturn(); kann die Informationen zum vorherigen Abschnitt zurückgeben und jq verwenden Beurteilen Sie die lokale Aktualisierung der entsprechenden Informationen.

Aber wenn ich tatsächlich den richtigen Benutzernamen und das richtige Passwort eingebe, kann ich nicht zur Hintergrundverwaltungsseite springen und einfach einen JSON-Datenstrom zurückgeben

Wie gelangen AJAX-Benutzer nach der Anmeldung zur Seite? Erklärung der Ajax-Benutzersprungseite (mit Beispielen)

Wie gelangen AJAX-Benutzer nach der Anmeldung zur Seite? Erklärung der Ajax-Benutzersprungseite (mit Beispielen)

Es stellt sich heraus, dass, wenn asynchron zum Empfangen der vom Hintergrund zurückgegebenen Daten verwendet wird, diese zur Verarbeitung an den JS-Code übergeben werden und der JSON-Stream dann zurückgegeben wird Die Hintergrundumleitung wird stattdessen in den Stream eingegeben. Die Seite wird aktualisiert und die Seiteninformationen können nur durch die empfangene Antwort angezeigt werden. (Wenn Sie mehr erfahren möchten, besuchen Sie die Spalte „PHP Chinese Website“ AJAX Development Manual , um mehr zu erfahren)

Dann wissen wir, dass es in js verarbeitet wird, sodass wir es verwenden können js zum Umleiten von Windows.location .href='url'; Zur angegebenen Seite springen

js-Code

$(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);
                        }                  
                    });
            }
    });
})
Nach dem Login kopieren

Backend-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;);
        }
    }
Nach dem Login kopieren

Das Obige beinhaltet auch den Prozess, Hintergrunddaten zu akzeptieren, um festzustellen, ob der Benutzername und das Passwort korrekt sind

Dieser Artikel endet hier (wenn Sie möchten). Weitere Informationen finden Sie auf der chinesischen PHP-Website. Weitere Informationen finden Sie in der Spalte „AJAX-Benutzerhandbuch“. Wenn Sie Fragen haben, können Sie unten eine Nachricht hinterlassen.

Das obige ist der detaillierte Inhalt vonWie gelangen AJAX-Benutzer nach der Anmeldung zur Seite? Erklärung der Ajax-Benutzersprungseite (mit Beispielen). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!