Metoda obciążenia jQuery

Metoda jQuery Load () służy do pobierania danych z serwera i osadzania ich w elemencie HTML. Metodę Load () można użyć do uzyskania zawartości z tekstu lub z pliku HTML. Ten artykuł ma na celu dostarczenie wglądu w metodę obciążenia jQuery () z następującymi wynikami uczenia się.

• Mechanizm pracy metody jQuery ()
• Przykład, który pokazuje użycie metody jQuery ()

Jak działa metoda obciążenia jQuery

Działanie JQuery zależy przede wszystkim od następującej składni.

$ (selektor).załaduj (URL, dane, wywołanie zwrotne);

Instancje w powyższej składni są,

• selektor może być nazwą elementu lub klasy/id odnoszącą się do elementu
• URL odnosi się do adresu pobieranego pliku
• dane (Parametr opcjonalny) do wysłania z żądaniem (na serwer)
• oddzwonić Funkcja jest opcjonalna i jest wykonywana po pełnym wykonaniu metody Load ()

Jak używać metody obciążenia jQuery

Ta sekcja zawiera użycie metody obciążenia jQuery () w różnych scenariuszach.

Przykład

Wykonanie tego przykładu obejmuje różne kroki, które wykonaliśmy.

Krok 1: Utworzył plik HTML o nazwie LH.html i umieścił go na serwerze.

Dane LH.HTML jest pomyślnie importowany

Witamy w Linuxhint!

Kod opisano poniżej,

- A div Tworzy się tag, który zawiera H4 tag, a P tag i img etykietka

Zawartość LH.html jest wyświetlany poniżej

Krok 2: Utworzony jest inny plik HTML indeks.html (które zostaną wykorzystane do importowania danych z LH.html) i zapisałem go w tym samym folderze co od LH.html.

JQuery

$ (dokument).gotowy (funkcja ()
$ („#BTN”).kliknij (funkcja ()
$ („#one”).Ładuj ("LH.html ”);
);
);

Kod powyżej jest główną częścią indeksu.html, który wykonuje obciążenie() metoda załadowania LH.html plik.

- zdarzenie kliknięcia przycisku id = ”Btn„Załaduje zawartość LH.html do indeks.html plik.

Html

Kliknij tutaj, aby uzyskać treść

W kodzie HTML,

- A div jest tworzony z id = ”jeden”I przycisk id =”Btn”Jest tworzony, który zostanie użyty do załadowania pliku (w funkcji kliknięcia)

Wyjście powyższego scenariusza pokazano w następującym GIF.

Wyjście pokazuje, że po kliknięciu przycisku zawartość LH.html jest pobierany i wyświetlany na indeks.html.

Wniosek

Metoda jQuery Load () służy do ładowania danych z serwera i osadzania ich w elemencie HTML. W tym artykule zawiera działanie i wykorzystanie metody JQuery Load (). Aby zademonstrować działanie metody obciążenia (), przedstawiliśmy składnię i mechanizm pracy proceduralnej. Ponadto pokazany tutaj przykład ładuje dane z jednego pliku i integruje je z elementem HTML (umieszczonym w innym pliku).