Heim >Web-Frontend >js-Tutorial >Wie gelangen AJAX-Benutzer nach der Anmeldung zur Seite? Erklärung der Ajax-Benutzersprungseite (mit Beispielen)
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
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
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)
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(); $('#errormsg').html("<strong>用户名或密码不能为空<strong>"); return false; } else if(verify.val() == '') { $('#errormsg').html("<strong>验证码不能为空<strong>"); return false; } else{ $.ajax({ url: handle, data:{'user':user.val(),'pwd':pwd.val(),'verify':verify.val()}, type: "POST", dataType:'json', success:function(data){ if(data.status == '1'){ window.location.href = dr; } else if (data.status == '2') { $('#errormsg').html("<strong>验证码错误<strong>"); }else if (data.status == '0') { $('#errormsg').html("<strong>用户名或密码错误!<strong>"); } }, error : function(data) { alert("出错:" + data.code); } }); } }); })
Backend-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'); } }
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!