


Was sind die Arbeitsabläufe von AJAX? Einführung in den Ajax-Workflow (mit Beispielen)
In diesem Artikel geht es hauptsächlich um den Arbeitsablauf von Ajax sowie um das Prinzip von Ajax und die Einführung einiger häufig verwendeter Attribute. Schauen wir uns nun gemeinsam diesen Artikel an
AJAX steht für „Asynchronous JavaScript and XML“.
ist eine Webentwicklungstechnologie zum Erstellen interaktiver Webanwendungen. Es:
verwendet XHTML+CSS zur Darstellung von Informationen;
verwendet JavaScript für den Betrieb von DOM (Document Object Model) für die dynamische Anzeige und Interaktion;
verwendet; XMLHttpRequest-Objekte führen einen asynchronen Datenaustausch mit dem Webserver durch.
Verwenden Sie JavaScript, um alles miteinander zu verbinden.
AJAX-Prinzip: AJAX bezieht sich nicht auf eine einzelne Technologie, sondern nutzt organisch eine Reihe verwandter Technologien. Sein Kern ist das JavaScript-Objekt XmlHttpRequest, das es uns ermöglicht, mithilfe von JavaScript Anfragen an den Server zu stellen und Antworten zu verarbeiten, ohne den Benutzer zu blockieren. AJAX verwendet einen asynchronen Interaktionsprozess, der einen Vermittler zwischen dem Benutzer und dem Server einführt und so die Verarbeitungs-Warten-Verarbeitungs-Warten-Mängel im Netzwerkinteraktionsprozess beseitigt. Der Browser des Benutzers lädt die AJAX-Engine, wenn er Aufgaben ausführt. Die AJAX-Engine ist in JavaScript geschrieben und normalerweise in einem versteckten Frame versteckt. Es ist für die Zusammenstellung der Benutzeroberfläche und die Interaktion mit dem Server verantwortlich. Die AJAX-Engine ermöglicht, dass der Interaktionsprozess zwischen dem Benutzer und der Anwendungssoftware asynchron abläuft, unabhängig von der Kommunikation zwischen dem Benutzer und dem Netzwerkserver. Jetzt können Sie Javascript verwenden, um die AJAX-Engine aufzurufen, anstatt eine HTTP-Benutzeraktion zu generieren. Die Bearbeitung von Daten im Speicher, die Seitennavigation und die Datenüberprüfung, die nicht das Neuladen der gesamten Seite erfordern, können mit AJAX ausgeführt werden. Sie können JSP, Entwicklern und Endbenutzern sichtbaren Komfort bieten.
Da der Kern von Ajax das XmlHttpRequest-Objekt ist, muss es eingeführt werden:
Gemeinsame Attribute: Onreadystatechange gibt die Ereignisverarbeitungsfunktion an, wenn sich das readyState-Attribut ändert . Schreiben Sie einfach
readyState, um den aktuellen Status der Ajax-Anfrage anzuzeigen. Nur lesen. Sein Wert wird durch eine Zahl dargestellt.
0 bedeutet nicht initialisiert. Die offene Methode wurde noch nicht aufgerufen
1 bedeutet Laden. Die Open-Methode wurde aufgerufen, die Send-Methode jedoch noch nicht
2 bedeutet, dass der Ladevorgang abgeschlossen ist. send wurde aufgerufen. Die Anfrage wurde gestartet
3 bedeutet, dass die Interaktion läuft. Der Server sendet eine Antwort
4 bedeutet abgeschlossen. Die Antwort wird gesendet
Jedes Mal, wenn sich der readyState-Wert ändert, wird das readystatechange-Ereignis ausgelöst.
ResponseText Gibt die Antwortinformationen als schreibgeschützte Zeichenfolge zurück. Je nachdem, was der Server sendet, handelt es sich entweder um HTML, XML oder einfachen Text. Die Eigenschaft „responseText“ ist nur verfügbar, wenn der Wert der Eigenschaft „readyState“ 4 wird, was anzeigt, dass die Ajax-Anfrage beendet wurde.
ResponseXML Formatieren Sie die Antwortinformationen in ein XML-Dokumentobjekt und geben Sie es schreibgeschützt zurück. Das ResponseXML-Attribut ist nur verfügbar, wenn der Server Daten mit korrekten Header-Informationen sendet.
MIME-Typ muss text/xml sein Status Gibt den HTTP-Statuscode der aktuellen Anfrage zurück. Schreibgeschützt
Allgemeine Statuscodes und ihre Bedeutung:
404-Seite nicht gefunden (nicht gefunden )
403 Verboten
500 Interner Dienstfehler
200 Alles ist in Ordnung
304 Nicht geändert (Der Server gibt den Status 304 zurück, was darauf hinweist, dass die Quelldatei nicht geändert wurde)
Im XMLHttpRequest -Objekt werden die vom Server gesendeten Statuscodes im Statusattribut gespeichert. Indem Sie diesen Wert mit 200 oder 304 vergleichen, können Sie sicherstellen, dass der Server eine erfolgreiche Antwort gesendet hat
(Wenn Sie mehr erfahren möchten, besuchen Sie die Spalte „PHP Chinese Website“ AJAX Development Manual ).
Gemeinsame Methoden:
Öffnen Sie eine neue HTTP-Anfrage und geben Sie die Anfragemethode, die URL und die Verifizierungsinformationen an.
Senden Senden Sie die Anfrage an den http-Server und erhalten Sie die Antwort Es werden keine Daten gesendet.
setRequestHeader gibt separat einen bestimmten HTTP-Header der Anfrage an
AJAX-Workflow:
1 Objektinitialisierung
function createXmlHttpRequest(){ var xmlHttp; try{ //Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); }catch (e){ try{ //Internet Explorer xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); }catch (e){ try{ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); }catch (e){} } } return xmlHttp; }
2 Send request
-Aufruf Die open- und send-Methoden des XMLHttpRequest-Objekts werden der Reihe nach aufgerufen, nachdem der open-Aufruf abgeschlossen ist.
xmlHttp.open("get","../servlet/RegisterServlet?timeStamp="+new Date().getTime(),true) xmlHttp.send(null);
Wenn der Parameter send im Post-Modus gesendet wird, kann es sich um einen beliebigen Inhalt handeln, den Sie an den Server übergeben möchten. Sie müssen jedoch zuerst die Methode setRequestHeader aufrufen und Ändern Sie die MIME-Kategorie:
xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
3 Der Server empfängt und verarbeitet die Daten, gibt sie zurück und gibt das Ereignis an Handler zum Verarbeiten der Rückgabeinformationen
Bei jeder Änderung des readyState-Attributs wird einfach der entsprechende Handler-Funktionsname dem onreadystatechange-Attribut des XMLHttpRequest-Objekts zugewiesen
xmlHttp.onreadystatechange = function(){ if (xmlHttp.readystate == 4) { if (xmlHttp.status == 200 || xmlHttp.status == 304) {//XMLHttpRequest对成功返回的信息有两种处理方式://responseText: 将传回的信息当字符串使用;//responseXML:将传回的信息当XML文档使用,可以用DOM处理。 } } };
4 Client empfängt
5 Ändern Sie den Inhalt der Client-Seite
Dieser Artikel endet hier (wenn Sie mehr sehen möchten, besuchen Sie die chinesische PHP-Website AJAX-Benutzerhandbuch Spalte zum Lernen), es gibt Fragen. Sie können unten eine Nachricht hinterlassen, um Fragen zu stellen.
Das obige ist der detaillierte Inhalt vonWas sind die Arbeitsabläufe von AJAX? Einführung in den Ajax-Workflow (mit Beispielen). 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

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.

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

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 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

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.

So verwenden Sie Ajax-Funktionen, um eine asynchrone Dateninteraktion zu erreichen. Mit der Entwicklung der Internet- und Webtechnologie ist die Dateninteraktion zwischen dem Front-End und dem Back-End sehr wichtig geworden. Herkömmliche Dateninteraktionsmethoden wie Seitenaktualisierung und Formularübermittlung können die Benutzeranforderungen nicht mehr erfüllen. Ajax (Asynchronous JavaScript and XML) ist zu einem wichtigen Werkzeug für die asynchrone Dateninteraktion geworden. Ajax ermöglicht dem Web die Verwendung von JavaScript und dem XMLHttpRequest-Objekt

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.

Das Ajax-Framework verstehen: Entdecken Sie fünf gängige Frameworks, die spezifische Codebeispiele erfordern. Einführung: Ajax ist eine der wesentlichen Technologien in der modernen Webanwendungsentwicklung. Aufgrund seiner Funktionen wie der Unterstützung der asynchronen Dateninteraktion und der Verbesserung der Benutzererfahrung ist es zu einem unverzichtbaren Bestandteil der Front-End-Entwicklung geworden. Um das Ajax-Framework besser zu verstehen und zu beherrschen, werden in diesem Artikel fünf gängige Ajax-Frameworks vorgestellt und spezifische Codebeispiele bereitgestellt, um den Lesern ein umfassendes Verständnis der Verwendung und Vorteile dieser Frameworks zu vermitteln. 1. jQuery jQuery ist derzeit am weitesten verbreitet
