Was ist Ajax? Wie funktioniert es? So vervollständigen Sie eine GET-Anfrage mit Ajax-PHP-Problem-php.cn

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

慕斯

Freigeben： 2023-03-10 14:20:01

Original

1914 Leute haben es durchsucht

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>用户登录</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 Ajax Der 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 Ajax 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!