Wie bekomme ich HTML von der API und zeige es im DOM mit HMPL.js (Abrufen) an?

Hallo! In diesem Artikel möchte ich darüber sprechen, wie man mithilfe von HMPL.js.

Diese Methode ist für jede API geeignet, da dieses Modul auf der Fetch-API basiert und die Arbeit mit der Vanilla-Lösung fast vollständig kopiert.

Sagen wir, wir nehmen einen Weg, der als Antwort HTML zurückgibt:

API-Route – http://localhost:8000/api/test

123

Und nehmen wir an, es gibt eine Aufgabe in einem Div mit der ID „wrapper“, um diesen HTML-Code anzuzeigen. Dazu können Sie das hmpl-Modul über den Skript-Tag verbinden und folgenden Code schreiben:

In diesem Code können Sie dank hmpl-Markup einen DOM-Knoten generieren, der in HTML angezeigt werden kann. Es ist zu bedenken, dass dieser Knoten während des API-Anfrageprozesses automatisch aktualisiert wird.

Wenn Sie einen Anforderungsindikator hinzufügen müssen, können Sie den vorhandenen Code leicht erweitern:

In diesem Beispiel wird der Indikator ausgelöst, wenn die Anfrage gesendet wird, aber die Antwort von der API noch nicht eingetroffen ist.

以上是Wie bekomme ich HTML von der API und zeige es im DOM mit HMPL.js (Abrufen) an?的详细内容。更多信息请关注PHP中文网其他相关文章！