Hvordan laste inn diven på nytt uten å laste inn hele siden i jQuery på nytt

Mens du lager flere websider for et nettsted, kan det være et krav for å gjenskape dataene. For eksempel å bruke de samme dataene på en annen webside på den utløste hendelsen. I slike situasjoner hjelper det å laste inn Div uten å laste inn hele siden med å håndtere dataene effektivt, og dermed spare tid.

Denne bloggen vil diskutere tilnærmingene for å laste inn Div uten å laste inn hele siden i JavaScript på nytt.

Hvordan laste inn diven på nytt uten å laste inn hele siden i jQuery på nytt?

“div”Kan lastes på nytt uten å laste inn hele siden ved hjelp av JQuery's“ ON () ”-metode i kombinasjon med“laste()”Metode.

ON () -metoden knytter en eller flere hendelsesbehandlere for elementene, og Load () -metoden laster innholdet inn i det hentede elementet. Disse metodene kan kombineres for å få tilgang til DIV og laste den på nytt på den utløste hendelsen.

Eksempel
La oss oversikt Følgende HTML -kode:

Dette er hvordan du laster inn div på nytt uten å laste inn hele siden på nytt

JavaScript er et programmeringsspråk som inneholder funksjoner, variabler, hendelser og objekter osv.

Last på nytt

I kodeblokken ovenfor:

• Inkluder den angitte overskriften.
• Spesifiser også "" elementet som har attributtet "ID".
• Etter det, inkluder avsnittet i "

  ”Tag og en knapp for å utløse ønsket funksjonalitet.

La oss nå gå videre til JavaScript -koden:

>$ ("knapp").på ("klikk", funksjon ()
$ ('#mydiv').Last ('#Mydiv')
Varsel ('Reloaded')
);

I denne kodebiten

• Inkluder jQuery -biblioteket via “src" Egenskap.
• Få tilgang til den opprettede knappen og knytt "på()”Metode.
• Dette vil påkalle den nevnte funksjonen på knappeklikket, slik det er tydelig fra den vedlagte hendelsen "Klikk”.
• I funksjonsdefinisjonen får du tilgang til den inkluderte "”Element og last det igjen ved å bruke“laste()”Metode ved å referere til dens“id”.
• Resultatet at den inkluderte DIV vil bli lastet inn igjen på knappeklikk, og den oppgitte meldingen via varslingsdialogboksen vises.

Produksjon

Det kan observeres at DIV er vellykket lastet på nytt uten å laste inn hele siden på nytt.

Konklusjon

For å laste inn diven uten å laste inn hele siden på nytt, bruk "på()”Metode i kombinasjon med“laste()”Metode. Disse metodene kan brukes til å laste inn innholdet i Div på nytt ved den utløste hendelsen ved å få tilgang til det og referere til det igjen. Denne bloggen beskrev metoden for å laste inn Div på nytt uten å laste inn hele siden på nytt.