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.
- Lisää tämän jälkeen kappale '