Heim > Artikel > Backend-Entwicklung > 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
- 慕斯Original
- 2021-06-10 17:53:021927Durchsuche
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?
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'>
<h3>用户登录</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> 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' submit'); //获取提交按钮
submit. onclick = function {
}
</script>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) 
Der Code lautet wie folgt:
<?php echo '<pre class="brush:php;toolbar:false">'; print_r($_GET);
Empfohlenes Lernen: „
PHP-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!