Metodo di carico jQuery
- 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
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).