Inhaltsverzeichnis
用户登录
Heim Backend-Entwicklung PHP-Problem Was ist Ajax? Wie funktioniert es? So vervollständigen Sie eine GET-Anfrage mit Ajax

Was ist Ajax? Wie funktioniert es? So vervollständigen Sie eine GET-Anfrage mit Ajax

Jun 10, 2021 pm 05:53 PM
ajax

Der vorherige Artikel stellte Ihnen vor: „Wie verwende ich PHP, um die Benutzer-Avatar-Upload-Funktion zu implementieren?“ (Ausführliche Einführung)“, dieser Artikel stellt Ihnen weiterhin vor, was Ajax ist? Wie funktioniert es? Wie man Ajax zum Ausfüllen einer GET-Anfrage (mit Code) verwendet, hat einen gewissen Referenzwert. Ich hoffe, dass es für alle hilfreich ist.

Was ist Ajax? Wie funktioniert es? So vervollständigen Sie eine GET-Anfrage mit Ajax

Was ist Ajax?

Der Slang Ajax wird verwendet, um eine Reihe von Technologien zu beschreiben, die es Browsern ermöglichen, Benutzern ein natürlicheres Surferlebnis zu bieten. Vor Ajax zwangen Websites Benutzer zu einem Absenden-/Warten-/erneut-Anzeige-Paradigma, bei dem die Aktionen des Benutzers immer mit der „Denkzeit“ des Servers synchronisiert wurden. Ajax bietet die Möglichkeit, asynchron mit dem Server zu kommunizieren, wodurch Benutzer vom Anforderungs-/Antwortzyklus befreit werden. Mit Ajax können Sie JavaScript und DHTML verwenden, um die Benutzeroberfläche sofort zu aktualisieren, wenn der Benutzer auf eine Schaltfläche klickt, und eine asynchrone Anfrage an den Server zu stellen, um die Aktualisierung durchzuführen oder die Datenbank abzufragen. Wenn die Anfrage zurückkommt, können Sie JavaScript und CSS verwenden, um die Benutzeroberfläche entsprechend zu aktualisieren, anstatt die gesamte Seite zu aktualisieren. Das Beste daran ist, dass der Benutzer nicht einmal merkt, dass der Browser mit dem Server kommuniziert: Die Website scheint sofort zu reagieren.

Ajax umfasst:

* Präsentation basierend auf XHTML- und CSS-Standards;
* Verwendung von Document Object Model für dynamische Anzeige und Interaktion;
* Verwendung von JavaScript, um alles zu binden.

So funktioniert Ajax: Der Kern von Ajax ist das JavaScript-Objekt XmlHttpRequest. Dieses Objekt wurde erstmals in Internet Explorer 5 eingeführt und ist eine Technologie, die asynchrone Anforderungen unterstützt. Kurz gesagt, XmlHttpRequest ermöglicht Ihnen die Verwendung von JavaScript, um Anfragen an den Server zu stellen und die Antworten zu verarbeiten, ohne den Benutzer zu blockieren.

So verwenden wir Ajax, um die GET-Anfrage abzuschließen:

Zuerst müssen wir das Ajax-Objekt erstellen und dann einen Rückruf für das Anforderungsereignis erstellen. Der erste Teil ist Um die Antwort vom Server zu erhalten, besteht der zweite Teil darin, DOM-Vorgänge auf der aktuellen Seite auszuführen. Diese DOM-Vorgänge sind nichts anderes als einige Hinzufügungs-, Lösch-, Änderungs- und Suchvorgänge in HTML Öffnen Sie die Methode in Ajax, um eine URL-Anfrage zu erstellen, und schließlich die URL des Benutzers. Die Anfrage wird an den Client gesendet, und die URL-Adresse, die die Get-Anfrage vervollständigt, hat zwei Formate: Erstens: Das aktuell angeforderte Skript hat keine Parameter, z. B. Cheat .php, daher benötigt dieses Skript keine Abfrageparameter; das zweite ist, dass es für Parameter einfach ein Fragezeichen in das aktuelle Skript einfügt und dann eine Zeichenfolge eingibt. Tatsächlich verwenden wir in der tatsächlichen Entwicklung Daten im JSON-Format. Aber die Daten, die wir erhalten, sind im Wesentlichen immer noch ein String im JSON-Format.

Nehmen wir als Beispiel das Anmeldeformular eines Benutzers. Wir senden es mit der get-Methode . Wir erstellen zwei Felder im Formular, eines ist: Kontonummer, dann fügen wir eine Schaltfläche zum Senden hinzu.

<!DOCTYPE html>
<htmL>
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
</head>
<body>
       <div align=" cent&#39;>
<h3 id="用户登录">用户登录</h3>
<form action="check.php" method="get">
<p>帐号: <input type="text" name="name" id="name"></p>
<p>密码: <input type=" password" name=" password" id=" password"></p>
<p><input type=" submit" id=" submit" value=" 提交"></p>
</form>
</div>
</body>
</html>
Nach dem Login kopieren

Klicken Sie auf die Schaltfläche „Senden“, und fügen Sie dann ein „Senden“-Ereignis hinzu. Der Code lautet wie folgt:

<script>
Var submit = document . getElementByIdC&#39; submit&#39;); //获取提交按钮
submit. onclick = function  {
}
</script>
Nach dem Login kopieren

Dann erstellen wir eine PHP-Datei (check.php). In dieser Datei akzeptieren wir die vom Formular übermittelten Daten im Get-Modus. Das übermittelte Zielskript ist (check.php)

Was ist Ajax? Wie funktioniert es? So vervollständigen Sie eine GET-Anfrage mit AjaxDer Code lautet wie folgt:

<?php
echo &#39;<pre class="brush:php;toolbar:false">&#39;;
print_r($_GET);
Nach dem Login kopieren

Empfohlenes Lernen: „Was ist Ajax? Wie funktioniert es? So vervollständigen Sie eine GET-Anfrage mit AjaxPHP-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas ist Ajax? Wie funktioniert es? So vervollständigen Sie eine GET-Anfrage mit Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So beheben Sie den 403-Fehler, der bei einer jQuery-AJAX-Anfrage auftritt So beheben Sie den 403-Fehler, der bei einer jQuery-AJAX-Anfrage auftritt Feb 20, 2024 am 10:07 AM

Titel: Methoden und Codebeispiele zur Behebung von 403-Fehlern in jQuery-AJAX-Anfragen. Der 403-Fehler bezieht sich auf eine Anfrage, dass der Server den Zugriff auf eine Ressource verbietet. Dieser Fehler tritt normalerweise auf, weil der Anfrage die Berechtigungen fehlen oder sie vom Server abgelehnt wird. Wenn Sie jQueryAJAX-Anfragen stellen, stoßen Sie manchmal auf diese Situation. In diesem Artikel wird erläutert, wie dieses Problem gelöst werden kann, und es werden Codebeispiele bereitgestellt. Lösung: Berechtigungen prüfen: Stellen Sie zunächst sicher, dass die angeforderte URL-Adresse korrekt ist und stellen Sie sicher, dass Sie über ausreichende Berechtigungen für den Zugriff auf die Ressource verfügen.

So beheben Sie den Fehler 403 der jQuery AJAX-Anfrage So beheben Sie den Fehler 403 der jQuery AJAX-Anfrage Feb 19, 2024 pm 05:55 PM

jQuery ist eine beliebte JavaScript-Bibliothek zur Vereinfachung der clientseitigen Entwicklung. AJAX ist eine Technologie, die asynchrone Anfragen sendet und mit dem Server interagiert, ohne die gesamte Webseite neu zu laden. Wenn Sie jedoch jQuery zum Senden von AJAX-Anfragen verwenden, treten manchmal 403-Fehler auf. Bei 403-Fehlern handelt es sich in der Regel um vom Server verweigerte Zugriffsfehler, möglicherweise aufgrund von Sicherheitsrichtlinien oder Berechtigungsproblemen. In diesem Artikel besprechen wir, wie Sie bei einer jQueryAJAX-Anfrage den Fehler 403 beheben können

Wie erhalte ich Variablen aus der PHP-Methode mit Ajax? Wie erhalte ich Variablen aus der PHP-Methode mit Ajax? Mar 09, 2024 pm 05:36 PM

Die Verwendung von Ajax zum Abrufen von Variablen aus PHP-Methoden ist ein häufiges Szenario in der Webentwicklung. Durch Ajax kann die Seite dynamisch abgerufen werden, ohne dass die Daten aktualisiert werden müssen. In diesem Artikel stellen wir vor, wie man Ajax verwendet, um Variablen aus PHP-Methoden abzurufen, und stellen spezifische Codebeispiele bereit. Zuerst müssen wir eine PHP-Datei schreiben, um die Ajax-Anfrage zu verarbeiten und die erforderlichen Variablen zurückzugeben. Hier ist ein Beispielcode für eine einfache PHP-Datei getData.php:

Wie kann das Problem des jQuery AJAX-Fehlers 403 gelöst werden? Wie kann das Problem des jQuery AJAX-Fehlers 403 gelöst werden? Feb 23, 2024 pm 04:27 PM

Wie kann das Problem des jQueryAJAX-Fehlers 403 gelöst werden? Bei der Entwicklung von Webanwendungen wird jQuery häufig zum Senden asynchroner Anfragen verwendet. Allerdings kann bei der Verwendung von jQueryAJAX manchmal der Fehlercode 403 auftreten, der darauf hinweist, dass der Zugriff vom Server verboten ist. Dies wird normalerweise durch serverseitige Sicherheitseinstellungen verursacht, es gibt jedoch Möglichkeiten, das Problem zu beheben. In diesem Artikel wird erläutert, wie Sie das Problem des jQueryAJAX-Fehlers 403 lösen können, und es werden spezifische Codebeispiele bereitgestellt. 1. machen

PHP und Ajax: Erstellen einer Autovervollständigungs-Vorschlags-Engine PHP und Ajax: Erstellen einer Autovervollständigungs-Vorschlags-Engine Jun 02, 2024 pm 08:39 PM

Erstellen Sie eine Engine für Autovervollständigungsvorschläge mit PHP und Ajax: Serverseitiges Skript: Verarbeitet Ajax-Anfragen und gibt Vorschläge zurück (autocomplete.php). Client-Skript: Ajax-Anfrage senden und Vorschläge anzeigen (autocomplete.js). Praktischer Fall: Fügen Sie ein Skript in die HTML-Seite ein und geben Sie die Kennung des Sucheingabeelements an.

PHP vs. Ajax: Lösungen zum Erstellen dynamisch geladener Inhalte PHP vs. Ajax: Lösungen zum Erstellen dynamisch geladener Inhalte Jun 06, 2024 pm 01:12 PM

Ajax (Asynchronous JavaScript and XML) ermöglicht das Hinzufügen dynamischer Inhalte, ohne die Seite neu laden zu müssen. Mit PHP und Ajax können Sie eine Produktliste dynamisch laden: HTML erstellt eine Seite mit einem Containerelement und die Ajax-Anfrage fügt die Daten nach dem Laden zum Element hinzu. JavaScript verwendet Ajax, um über XMLHttpRequest eine Anfrage an den Server zu senden, um Produktdaten im JSON-Format vom Server abzurufen. PHP nutzt MySQL, um Produktdaten aus der Datenbank abzufragen und in das JSON-Format zu kodieren. JavaScript analysiert die JSON-Daten und zeigt sie im Seitencontainer an. Durch Klicken auf die Schaltfläche wird eine Ajax-Anfrage zum Laden der Produktliste ausgelöst.

PHP und Ajax: Möglichkeiten zur Verbesserung der Ajax-Sicherheit PHP und Ajax: Möglichkeiten zur Verbesserung der Ajax-Sicherheit Jun 01, 2024 am 09:34 AM

Um die Ajax-Sicherheit zu verbessern, gibt es mehrere Methoden: CSRF-Schutz: Generieren Sie ein Token und senden Sie es an den Client. Fügen Sie es der Serverseite in der Anforderung zur Überprüfung hinzu. XSS-Schutz: Verwenden Sie htmlspecialchars(), um Eingaben zu filtern und das Einschleusen böswilliger Skripte zu verhindern. Content-Security-Policy-Header: Beschränken Sie das Laden schädlicher Ressourcen und geben Sie die Quellen an, aus denen Skripte und Stylesheets geladen werden dürfen. Validieren Sie serverseitige Eingaben: Validieren Sie von Ajax-Anfragen empfangene Eingaben, um zu verhindern, dass Angreifer Eingabeschwachstellen ausnutzen. Verwenden Sie sichere Ajax-Bibliotheken: Profitieren Sie von automatischen CSRF-Schutzmodulen, die von Bibliotheken wie jQuery bereitgestellt werden.

Was sind die Ajax-Versionen? Was sind die Ajax-Versionen? Nov 22, 2023 pm 02:00 PM

Ajax ist keine spezifische Version, sondern eine Technologie, die eine Sammlung von Technologien verwendet, um Webseiteninhalte asynchron zu laden und zu aktualisieren. Ajax hat keine spezifische Versionsnummer, aber es gibt einige Variationen oder Erweiterungen von Ajax: 1. jQuery AJAX; -Gesendete Ereignisse; 8, GraphQL usw.

See all articles