✅ HTML5 - Ajax

Inhaltsverzeichnis

Bis vor einigen Jahren dachte man daran Ajax als die Zukunft der Webanwendungen, nachdem ihre Vermassung mit Gmail begann, muss jedoch heute berücksichtigt werden, dass dies die Realität ist. Tatsächlich wird eine Website, die zu diesem Zeitpunkt in irgendeiner Weise nicht Ajax enthält, nicht sehr gut gesehen.
Ajax ist eine Reihe von Techniken, die es uns ermöglichen, Informationen zu senden und zu empfangen, ohne das Dokument aktualisieren oder die Seite neu laden zu müssen. Vereinfachend können wir also sagen, dass es ein Werkzeug zum Speichern und Beschleunigen der Navigation ist.
Was ist Ajax?
Ajax antwortet auf ein Akronym für Asynchrones Javascript und XML nämlich Javascript Ja XML asynchron, derzeit wird jedoch das Format verwendet JSON häufiger als XML wird JSON von vielen sogar als Standard angesehen.
All dies ergibt etwas ganz einfach Erklärbares, das Empfangen und Senden von Daten unabhängig vom Laden und Aktualisieren der Seiten, zum Beispiel wenn wir wollen, dass jedes Mal wenn wir auf eine Schaltfläche klicken und ein Teil der Seite Daten aus einer Datenbank bringt , anstatt eine Anfrage an den Server zu senden, indem wir ein Formular absenden und die gesamte Seite aktualisieren, werden wir eine Javascript-Funktion und eine Anfrage verwenden XMLHttpRequest Kommunizieren Sie mit dem Server, um die Daten abzurufen und nur den Teil der Seite zu ändern, den wir benötigen.
So wie wir das sehen, sieht es wunderbar aus und hört sich wunderbar an, das einzige Problem oder die einzige Einschränkung ist die Verwendung der Javascript, da wir diese Funktionen nicht nutzen können, wenn wir sie in unserem Browser deaktivieren.
Unser erstes Dokument mit Ajax
Nachdem wir nun die Grundlagen und Grundlagen von Ajax kennen, werden wir ein kleines Beispiel erarbeiten, das uns diese Technik veranschaulichen kann.
Sehen wir uns zuerst den folgenden Code an, dann erklären wir, was er entspricht:

 BeispielÄpfel Kirschen Bananendrücke einen Knopf

In diesem Beispiel lösen wir einfach eine Funktion namens . aus, wenn wir auf eine Schaltfläche klicken HandleButtonPress (), dies erstellt ein neues Objekt vom Typ XMLHttpRequest und damit können wir den HTML-Code in die Schaltfläche aufnehmen, seinen Text nehmen und mit der .HTML-Erweiterung verketten, um ein zuvor erstelltes Dokument mit demselben Namen aufrufen zu können.
Dann die Funktion handleResponse überprüft den Status der Anfrage, wenn sie erfolgreich war, in einen bereits bezeichneten Container wird das entsprechende Dokument geladen, das wir aufgerufen haben.
Lassen Sie uns in Bildern sehen, wie der Prozessablauf sein wird:

Im ersten Bild werden wir aufgefordert, auf eine der Schaltflächen zu klicken, dann sehen wir im zweiten Bild, wie der Inhalt geladen wird, was je nach Funktion Ajax der im Beispiel beschriebene Code stammt aus einem Dokument HTML bereits erstellt, wird dieser Inhalt in das Div geladen, in dem die Anweisung zum Drücken einer Taste stand.
Damit beenden wir das Tutorial, wir haben bereits die Möglichkeit, damit zu experimentieren Ajax um das Surferlebnis auf unseren Seiten oder Dokumenten zu bereichern HTML.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben