Come ricaricare il Div senza ricaricare l'intera pagina in jQuery

Durante la creazione di più pagine Web per un sito, può esserci un requisito per replicare i dati. Ad esempio, utilizzando gli stessi dati su una pagina Web diversa sull'evento attivato. In tali situazioni, ricaricare il Div senza ricaricare l'intera pagina aiuta a gestire i dati in modo efficace, risparmiando così tempo.

Questo blog discuterà degli approcci per ricaricare il Div senza ricaricare l'intera pagina in JavaScript.

Come ricaricare il Div senza ricaricare l'intera pagina in jQuery?

IL "div"Può essere ricaricato senza ricaricare l'intera pagina usando il metodo" on () "di JQuery in combinazione con"carico()" metodo.

Il metodo On () associa uno o più gestori di eventi per gli elementi e il metodo load () carica il contenuto nell'elemento recuperato. Questi metodi possono essere combinati per accedere al Div e ricaricarlo all'evento attivato.

Esempio
Panoramiamo il seguente codice HTML:

Ecco come ricaricare il Div senza ricaricare l'intera pagina

JavaScript è un linguaggio di programmazione che contiene funzioni, variabili, eventi e oggetti ecc.

ricaricare

Nel blocco del codice sopra:

• Includere l'intestazione dichiarata.
• Inoltre, specificare l'elemento "" con l'attributo "ID".
• Successivamente, includi il paragrafo all'interno del "

  "Tag e un pulsante per attivare la funzionalità desiderata.

Ora, passiamo al codice JavaScript:

>$ ("pulsante").on ("click", function ()
$ ('#mydiv').load ('#mydiv')
Alert ('Reloaded')
);

In questo frammento di codice

• Includere la libreria jQuery tramite il "src"Attributo.
• Accedere al pulsante creato e associare il "SU()" metodo.
• Questo invocherà la funzione menzionata sul clic del pulsante, come evidente dall'evento allegato "clic".
• Nella definizione della funzione, accedi a incluso ""Elemento e caricalo di nuovo usando"carico()"Metodo facendo riferimento al suo"id".
• Di conseguenza, il Div incluso verrà nuovamente ricaricato al clic del pulsante e il messaggio dichiarato tramite la dialogo di avviso verrà visualizzato.

Produzione

Si può osservare che il div viene ricaricato correttamente senza ricaricare l'intera pagina.

Conclusione

Per ricaricare il Div senza ricaricare l'intera pagina, usa il “SU()Metodo in combinazione con il "carico()" metodo. Questi metodi possono essere utilizzati per ricaricare il contenuto del Div all'evento attivato accedendolo e riferendosi ad esso di nuovo. Questo blog ha descritto il metodo per ricaricare il Div senza ricaricare l'intera pagina.