So implementieren Sie die Anmeldeüberprüfung mit PHP+AJax+Json
Mit der Entwicklung von WEB2.0 und AJAX nutzen immer mehr Websites die AJAX-Technologie, um einige Seiten asynchron zu laden. Als beliebte Webentwicklungssprache kann PHP in Kombination mit AJAX einige coole Effekte erzielen. In diesem Artikel wird erläutert, wie Sie mit AJAX und JSON grundlegende Funktionen zur Anmeldeüberprüfung implementieren.
Zuerst müssen wir die folgenden Dateien vorbereiten: index.html, login.php, user.json. Unter diesen ist index.html die Homepage der Website, login.php wird zum Verarbeiten von Anmeldeanforderungen verwendet und user.json wird zum Speichern von Benutzerinformationen verwendet.
1. Design von index.html
In index.html müssen wir ein Anmeldeformular entwerfen, das aus zwei Feldern besteht: Benutzername und Passwort. Um AJAX-Aufrufe zu erleichtern, können Sie dem Formular das id-Attribut hinzufügen.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <form id="login-form"> <label>用户名：</label><input type="text" name="username"><br> <label>密 码：</label><input type="password" name="password"><br> <button type="button" id="login-btn">登录</button> </form> <div id="msg"></div> <script src="js/login.js"></script> </body> </html>
2. Das Schreiben von login.php
login.php wird hauptsächlich zur Verarbeitung von Anmeldeanfragen verwendet. Die Anmeldeanforderung muss feststellen, ob der Benutzername und das Kennwort korrekt sind. Wenn sie korrekt sind, wird eine Zeichenfolge im JSON-Format zurückgegeben, um die erfolgreiche Anmeldung anzuzeigen.
<?php
header('Content-Type: application/json');
$data = json_decode(file_get_contents('../data/user.json'), true);
$username = $_POST['username'];
$password = $_POST['password'];
if ($username === $data['username'] && $password === $data['password']) {
$result = array('status' => 1, 'msg' => '登录成功');
} else {
$result = array('status' => 0, 'msg' => '用户名或密码错误');
}
echo json_encode($result);3. Beim Schreiben von user.json
user.json werden Benutzernamen und Passwortinformationen gespeichert. Diese Datei kann auf verschiedene Weise generiert werden, z. B. manuell geschrieben, aus einer Datenbank exportiert usw.
{
"username": "admin",
"password": "123456"
}4. Das Schreiben von login.js
login.js wird hauptsächlich verwendet, um die Übermittlungsanfrage des Anmeldeformulars zu verarbeiten, die Formulardaten über AJAX an login.php zu senden und das Anmeldeergebnis an die Seite zurückzugeben über die Callback-Funktion.
$(function(){
$('#login-btn').click(function(){
$.ajax({
type: 'POST',
url: 'login.php',
data: $('#login-form').serialize(),
dataType: 'json',
success: function (data) {
if (data.status === 1) {
$('#msg').html(data.msg).css('color', 'green');
} else {
$('#msg').html(data.msg).css('color', 'red');
}
}
});
});
});Im obigen Code erhalten wir zuerst die ID der Anmeldeschaltfläche über den jQuery-Selektor und rufen dann die AJAX-Methode im Klickereignis auf. In der AJAX-Methode definieren wir den Anfragetyp und die Adresse sowie die an login.php zu sendenden Daten und geben den Datentyp als JSON an.
In der Callback-Funktion führen wir logische Operationen basierend auf den zurückgegebenen Daten durch. Bei erfolgreicher Anmeldung wird eine Erfolgsmeldung angezeigt, ansonsten eine Fehlermeldung.
Zu diesem Zeitpunkt wurde eine grundlegende Funktion zur Anmeldeüberprüfung implementiert. Durch die Zusammenarbeit von AJAX und JSON können wir ein effizienteres Webentwicklungsmodell erreichen, das die Benutzererfahrung reibungsloser und Entwickler effizienter macht.
Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Anmeldeüberprüfung mit PHP+AJax+Json. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1377
52
PHP 8.4 Installations- und Upgrade-Anleitung für Ubuntu und Debian
Dec 24, 2024 pm 04:42 PM
PHP 8.4 bringt mehrere neue Funktionen, Sicherheitsverbesserungen und Leistungsverbesserungen mit einer beträchtlichen Menge an veralteten und entfernten Funktionen. In dieser Anleitung wird erklärt, wie Sie PHP 8.4 installieren oder auf PHP 8.4 auf Ubuntu, Debian oder deren Derivaten aktualisieren. Obwohl es möglich ist, PHP aus dem Quellcode zu kompilieren, ist die Installation aus einem APT-Repository wie unten erläutert oft schneller und sicherer, da diese Repositorys in Zukunft die neuesten Fehlerbehebungen und Sicherheitsupdates bereitstellen.
CakePHP Datum und Uhrzeit
Sep 10, 2024 pm 05:27 PM
Um in cakephp4 mit Datum und Uhrzeit zu arbeiten, verwenden wir die verfügbare FrozenTime-Klasse.
Besprechen Sie CakePHP
Sep 10, 2024 pm 05:28 PM
CakePHP ist ein Open-Source-Framework für PHP. Es soll die Entwicklung, Bereitstellung und Wartung von Anwendungen erheblich vereinfachen. CakePHP basiert auf einer MVC-ähnlichen Architektur, die sowohl leistungsstark als auch leicht zu verstehen ist. Modelle, Ansichten und Controller gu
CakePHP-Datei hochladen
Sep 10, 2024 pm 05:27 PM
Um am Datei-Upload zu arbeiten, verwenden wir den Formular-Helfer. Hier ist ein Beispiel für den Datei-Upload.
CakePHP erstellt Validatoren
Sep 10, 2024 pm 05:26 PM
Der Validator kann durch Hinzufügen der folgenden zwei Zeilen im Controller erstellt werden.
So richten Sie Visual Studio-Code (VS-Code) für die PHP-Entwicklung ein
Dec 20, 2024 am 11:31 AM
Visual Studio Code, auch bekannt als VS Code, ist ein kostenloser Quellcode-Editor – oder eine integrierte Entwicklungsumgebung (IDE) –, die für alle gängigen Betriebssysteme verfügbar ist. Mit einer großen Sammlung von Erweiterungen für viele Programmiersprachen kann VS Code c
CakePHP-Kurzanleitung
Sep 10, 2024 pm 05:27 PM
CakePHP ist ein Open-Source-MVC-Framework. Es erleichtert die Entwicklung, Bereitstellung und Wartung von Anwendungen erheblich. CakePHP verfügt über eine Reihe von Bibliotheken, um die Überlastung der häufigsten Aufgaben zu reduzieren.
Wie analysiert und verarbeitet man HTML/XML in PHP?
Feb 07, 2025 am 11:57 AM
Dieses Tutorial zeigt, wie XML -Dokumente mit PHP effizient verarbeitet werden. XML (Extensible Markup-Sprache) ist eine vielseitige textbasierte Markup-Sprache, die sowohl für die Lesbarkeit des Menschen als auch für die Analyse von Maschinen entwickelt wurde. Es wird üblicherweise für die Datenspeicherung ein verwendet und wird häufig verwendet
