Metodo di carico jQuery

Il metodo JQuery Load () viene utilizzato per recuperare i dati dal server e incorporarli in un elemento HTML. Il metodo load () può essere utilizzato per ottenere il contenuto dal testo o anche da un file HTML. Questo articolo mira a fornire una visione del metodo di carico jQuery () con i seguenti risultati di apprendimento.

• Meccanismo di lavoro del metodo JQuery Load ()
• Un esempio che dimostra l'uso del metodo JQuery ()

Come funziona il metodo di caricamento jQuery

Il funzionamento di jQuery dipende principalmente dalla seguente sintassi.

$ (selettore).load (URL, dati, callback);

Le istanze nella sintassi sopra sono,

• selettore potrebbe essere il nome dell'elemento o la classe/ID che si riferisce all'elemento
• URL si riferisce all'indirizzo del file che viene recuperato
• IL dati (parametro opzionale) da inviare con la richiesta (al server)
• IL richiamare La funzione è facoltativa ed è eseguita dopo la completa esecuzione del metodo load ()

Come utilizzare il metodo di caricamento jQuery

Questa sezione fornisce l'uso del metodo di carico jQuery () in vari scenari.

Esempio

L'esecuzione di questo esempio comprende vari passaggi che abbiamo seguito.

Passo 1: Ha creato un file HTML chiamato lh.html e posizionato sul server.

I dati di LH.HTML viene importato con successo

Benvenuti in Linuxhint!

Il codice è descritto di seguito,

- UN div Viene creato tag che contiene un H4 tag, a P tag e un img etichetta

Il contenuto di lh.html viene visualizzato di seguito

Passo 2: Viene creato un altro file HTML indice.html (che verrà utilizzato per importare dati da lh.html) e lo ha salvato all'interno della stessa cartella di lh.html.

jQuery

$ (documento).ready (function ()
$ ("#BTN").Click (function ()
$ ("#uno").carico ("LH.html ");
);
);

Il codice sopra è la parte principale dell'indice.html che esegue il carico() metodo per caricare il lh.html file.

- L'evento click del pulsante id = "btn"Caricherà il contenuto di lh.html dentro indice.html file.

Html

Clicca qui per ottenere il contenuto

Nel codice HTML,

- UN div è creato con id = "uno"E un pulsante id ="btn"Viene creato che verrà utilizzato per caricare il file (sulla funzione Click)

L'output dello scenario sopra è mostrato nella seguente GIF.

L'output lo mostra facendo clic sul pulsante il contenuto di lh.html viene recuperato e visualizzato su indice.html.

Conclusione

Il metodo JQuery Load () viene utilizzato per caricare i dati dal server e incorporarli in un elemento HTML. Questo articolo offre il lavoro e l'utilizzo del metodo JQuery Load (). Per dimostrare il metodo di funzionamento del carico (), abbiamo presentato la sintassi e il meccanismo di lavoro procedurale. Inoltre, l'esempio dimostrato qui carica i dati da un file e li integra in un elemento HTML (inserito in un altro file).