Divin lataaminen uudelleen lataamatta koko sivua jQueryssa

Divin Lataaminen Uudelleen Lataamatta Koko Sivua Jqueryssa

Kun luot sivustolle useita verkkosivuja, tiedot voi olla tarpeen kopioida. Esimerkiksi samojen tietojen käyttäminen eri verkkosivulla käynnistyneen tapahtuman yhteydessä. Tällaisissa tilanteissa div-osan lataaminen uudelleen lataamatta koko sivua auttaa tietojen hallinnassa tehokkaasti, mikä säästää aikaa.

Tässä blogissa käsitellään tapoja ladata div uudelleen lataamatta koko sivua JavaScriptillä.

Kuinka ladata div uudelleen lataamatta koko sivua uudelleen jQueryssa?

' div ' voidaan ladata uudelleen lataamatta koko sivua uudelleen käyttämällä jQueryn 'on()'-menetelmää yhdessä ' ladata() ”menetelmä.







On()-menetelmä liittää elementeille yhden tai useamman tapahtumakäsittelijän, ja load()-menetelmä lataa sisällön haettuun elementtiin. Näitä menetelmiä voidaan yhdistää div-tiedoston avaamiseksi ja sen lataamiseksi uudelleen käynnistyneen tapahtuman yhteydessä.



Esimerkki
Katsotaanpa seuraavaa HTML-koodia:



< kehon >
< h2 > Näin lataat div uudelleen lataamatta koko sivua uudelleen h2 >
< div id = 'myDiv' >
< s > JavaScript on ohjelmointikieli, joka sisältää toimintoja , muuttujia , tapahtumia ja esineitä jne. s >
div >
< -painiketta > lataa uudelleen -painiketta >
kehon >

Yllä olevassa koodilohkossa:





  • Sisällytä ilmoitettu otsikko.
  • Määritä myös '
    '-elementti, jonka attribuutti on 'id'.
  • Lisää tämän jälkeen kappale '

    '-tunnisteeseen ja painike käynnistääksesi haluamasi toiminnot.

Siirrytään nyt JavaScript-koodiin:

< script src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' >
käsikirjoitus >
< käsikirjoitus >
$ ( 'painike' ) . päällä ( 'klikkaus' , toiminto ( ) {
$ ( '#myDiv' ) . ladata ( '#myDiv' )
hälytys ( 'Ladattu uudelleen' )
} ) ;

Tässä koodinpätkässä



  • Sisällytä jQuery-kirjasto ' src ”-attribuutti.
  • Käytä luotua painiketta ja liitä ' päällä() ”menetelmä.
  • Tämä käynnistää mainitun toiminnon painiketta napsauttamalla, mikä käy ilmi liitteenä olevasta tapahtumasta ' klikkaus ”.
  • Käytä funktion määrittelyssä mukana olevaa '
    ' -elementti ja lataa se uudelleen käyttämällä ' ladata() 'menetelmä viittaamalla sen ' id ”.
  • Tämän seurauksena mukana toimitettu div ladataan uudelleen, kun painiketta napsautetaan, ja varoitusvalintaikkunan kautta ilmoitettu viesti tulee näkyviin.

Lähtö

Voidaan havaita, että div on ladattu onnistuneesti uudelleen lataamatta koko sivua uudelleen.

Johtopäätös

Lataa div uudelleen lataamatta koko sivua uudelleen käyttämällä ' päällä() '-menetelmä yhdessä '' ladata() ”menetelmä. Näitä menetelmiä voidaan käyttää div-osan sisällön lataamiseen uudelleen käynnistyneen tapahtuman yhteydessä käyttämällä sitä ja viittaamalla siihen uudelleen. Tässä blogissa kuvattiin menetelmä div-tiedoston lataamiseksi uudelleen lataamatta koko sivua.