Kā atkārtoti ielādēt div, nepārlādējot visu lapu programmā jQuery

Ka Atkartoti Ieladet Div Neparladejot Visu Lapu Programma Jquery



Veidojot vietnei vairākas tīmekļa lapas, var rasties prasība pavairot datus. Piemēram, to pašu datu izmantošana citā tīmekļa lapā aktivizētā notikuma laikā. Šādās situācijās div atkārtota ielāde, neielādējot visu lapu, palīdz efektīvi pārvaldīt datus, tādējādi ietaupot laiku.

Šajā emuārā tiks apspriestas metodes div atkārtotai ielādei, nepārlādējot visu lapu JavaScript.

Kā atkārtoti ielādēt div, nepārlādējot visu lapu pakalpojumā jQuery?

' div ” var atkārtoti ielādēt, atkārtoti neielādējot visu lapu, izmantojot jQuery metodi “on()” kopā ar “ slodze () ” metode.







On() metode elementiem saista vienu vai vairākus notikumu apdarinātājus, un metode load() ielādē saturu ienestajā elementā. Šīs metodes var apvienot, lai piekļūtu div un atkārtoti ielādētu to pēc aktivizētā notikuma.



Piemērs
Apskatīsim šo HTML kodu:



< ķermenis >
< h2 > Šādi var atkārtoti ielādēt div, nepārlādējot visu lapu h2 >
< div id = 'myDiv' >
< lpp > JavaScript ir programmēšanas valoda, kas satur funkcijas , mainīgie , notikumi un objekti utt. lpp >
div >
< pogu > Pārlādēt pogu >
ķermenis >

Iepriekš minētajā koda blokā:





  • Iekļaujiet norādīto virsrakstu.
  • Norādiet arī elementu “
    ” ar atribūtu “id”.
  • Pēc tam iekļaujiet rindkopu tagā “

    ” un pogu, lai aktivizētu vajadzīgo funkcionalitāti.

Tagad pāriesim pie JavaScript koda:

< skripts src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' >
skripts >
< skripts >
$ ( 'poga' ) . ieslēgts ( 'klikšķis' , funkciju ( ) {
$ ( '#myDiv' ) . slodze ( '#myDiv' )
brīdinājums ( 'pārlādēts' )
} ) ;

Šajā koda fragmentā



  • Iekļaujiet jQuery bibliotēku, izmantojot ' src ” atribūts.
  • Piekļūstiet izveidotajai pogai un saistiet “ uz () ” metode.
  • Tas izsauks minēto funkciju, noklikšķinot uz pogas, kā redzams no pievienotā notikuma ' klikšķis ”.
  • Funkcijas definīcijā piekļūstiet iekļautajai “
    ' elementu un ielādējiet to vēlreiz, izmantojot ' ielāde () ' metodi, atsaucoties uz tās ' id ”.
  • Rezultātā iekļautais div tiks atkārtoti ielādēts, noklikšķinot uz pogas, un tiks parādīts brīdinājuma dialoglodziņā norādītais ziņojums.

Izvade

Var novērot, ka div ir veiksmīgi pārlādēts, nepārlādējot visu lapu.

Secinājums

Lai atkārtoti ielādētu div, nepārlādējot visu lapu, izmantojiet “ uz () ” metodi kombinācijā ar ielāde () ” metode. Šīs metodes var izmantot, lai atkārtoti ielādētu div saturu pēc aktivizētā notikuma, piekļūstot tam un vēlreiz atsaucoties uz to. Šajā emuārā ir aprakstīta metode div atkārtotai ielādei, nepārlādējot visu lapu.