JQuery -belastningsmetode

JQuery Load () -metoden brukes til å hente dataene fra serveren og legge dem inn i et HTML -element. Last () -metoden kan brukes til å få innholdet fra teksten eller fra en HTML -fil også. Denne artikkelen tar sikte på å gi et innblikk i lastmetoden JQuery () med følgende læringsresultater.

• Arbeidsmekanisme for jQuery Load () -metode
• Et eksempel som demonstrerer bruken av jQuery () -metoden

Hvordan jQuery -belastningsmetode fungerer

Arbeidet med jQuery avhenger først og fremst av følgende syntaks.

$ (velger).Last (URL, data, tilbakeringing);

Forekomstene i syntaks ovenfor er,

• velger kan være navnet på elementet eller klassen/ID -en som refererer til elementet
• URL refererer til adressen til filen som blir hentet
• de data (Valgfri parameter) som skal sendes med forespørselen (til serveren)
• de Ring tilbake Funksjonen er valgfri og utføres etter fullstendig utførelse av belastningen () -metoden

Hvordan bruke jQuery -belastningsmetoden

Denne delen gir bruk av jQuery () belastningsmetoden i forskjellige scenarier.

Eksempel

Utførelsen av dette eksemplet består av forskjellige trinn som vi har fulgt.

Trinn 1: Opprettet en HTML -fil som heter LH.html og plasserte den på serveren.

Dataene til LH.HTML importeres vellykket

Velkommen til Linuxhint!

Koden er beskrevet nedenfor,

- en div Tag er opprettet som inneholder en H4 tag, a p tag, og en img stikkord

Innholdet i LH.html vises nedenfor

Steg 2: En annen HTML -fil er opprettet som heter indeks.html (som vil bli brukt til å importere data fra LH.html) og lagret den i samme mappe som av LH.html.

jQuery

$ (dokument).klar (funksjon ()
$ ("#btn").klikk (funksjon ()
$ ("#en").Last ("LH.html ");
);
);

Koden over er den primære delen av indeksen.HTML som utfører laste() Metode for å laste inn LH.html fil.

- Klikkhendelsen til Button ID = ”btn”Vil laste innholdet i LH.html inn i det indeks.html fil.

Html

Klikk her for å få innholdet

I HTML -koden,

- en div er opprettet med ID = ”en”Og en knapp -ID =”btn”Er opprettet som vil bli brukt til å laste inn filen (på klikkfunksjonen)

Utgangen fra ovennevnte scenario er vist i følgende GIF.

Utgangen viser at ved å klikke på knappen innholdet i LH.html blir hentet og vist på indeks.html.

Konklusjon

JQuery Load () -metoden brukes til å laste inn dataene fra serveren og legge dem inn i et HTML -element. Denne artikkelen tilbyr arbeid og bruk av jQuery Load () -metoden. For å demonstrere metoden for arbeid av belastning () har vi presentert syntaks og prosessuell arbeidsmekanisme. Dessuten laster eksemplet her som laster dataene fra en fil og integrerer dem i et HTML -element (plassert i en annen fil).