JQuery -Lastmethode

Mit der Methode jQuery load () werden die Daten vom Server abgerufen und in ein HTML -Element einbinden. Die Methode load () kann verwendet werden, um den Inhalt aus dem Text oder aus einer HTML -Datei abzurufen. Dieser Artikel zielt darauf ab, einen Einblick in die Lastmethode jQuery () mit den folgenden Lernergebnissen zu geben.

• Arbeitsmechanismus der JQuery Load () -Methode
• Ein Beispiel, das die Verwendung der Jquery () -Methode demonstriert

Wie JQuery -Lastmethode funktioniert

Die Arbeit von JQuery hängt hauptsächlich von der folgenden Syntax ab.

$ (Selektor).Load (URL, Daten, Rückruf);

Die Instanzen in der obigen Syntax sind,

• Wähler könnte der Name des Elements oder der Klasse/ID sein, die sich auf das Element bezieht
• URL bezieht sich auf die Adresse der Datei, die abgerufen wird
• Die Daten (optionaler Parameter) mit der Anforderung (an den Server) gesendet werden soll
• Die Ruf zurück Die Funktion ist optional und wird nach der vollständigen Ausführung der Load () -Methode ausgeführt

So verwenden Sie die JQuery -Lastmethode

Dieser Abschnitt enthält die Verwendung der Jquery () -Lastmethode in verschiedenen Szenarien.

Beispiel

Die Ausführung dieses Beispiels umfasst verschiedene Schritte, die wir befolgt haben.

Schritt 1: Erstellt eine HTML -Datei mit dem Namen lh.html und platzierte es auf den Server.

Die Daten von LH.HTML wird erfolgreich importiert

Willkommen bei LinuxHint!

Der Code wird unten beschrieben,

- A div Tag wird erstellt, das eine enthält H4 Tag, a P Tag und ein img Schild

Der Inhalt von lh.html wird unten angezeigt

Schritt 2: Eine andere HTML -Datei wurde erstellt, die benannt wurde Index.html (mit der verwendet wird, um Daten aus dem zu importieren lh.html) und speichern es im selben Ordner ab lh.html.

JQuery

$ (Dokument).Ready (function ()
$ ("#btn").klicken (function ()
$ ("#Eins").laden ("lh.html ");
);
);

Der obige Code ist der Hauptbestandteil des Index.HTML, das die ausführt Belastung() Methode zum Laden der lh.html Datei.

- Der Klickereignis von Button ID = ”Btn”Lädt den Inhalt von lh.html in die Index.html Datei.

Html

Klicken Sie hier, um den Inhalt zu erhalten

Im HTML -Code,

- A div wird mit id = erstellt "eins"Und eine Schaltfläche id ="BtnWird erstellt, mit der die Datei geladen wird (in der Klickfunktion)

Die Ausgabe des obigen Szenarios wird im folgenden GIF angezeigt.

Die Ausgabe zeigt, dass beim Klicken auf die Schaltfläche der Inhalt von lh.html wird auf der abgerufen und angezeigt Index.html.

Abschluss

Mit der Methode jQuery load () wird die Daten vom Server geladen und in ein HTML -Element eingebettet. Dieser Artikel bietet die Arbeit und Verwendung der Jquery Load () -Methode. Um die Arbeit der LOAD () -Methode zu demonstrieren, haben wir den Syntax- und Verfahrensarbeitsmechanismus vorgestellt. Darüber hinaus lädt das hier demonstrierte Beispiel die Daten aus einer Datei und integriert sie in ein HTML -Element (in einer anderen Datei platziert).