Méthode de chargement jQuery

La méthode jQuery Load () est utilisée pour récupérer les données du serveur et les intégrer dans un élément HTML. La méthode Load () peut être utilisée pour obtenir le contenu du texte ou d'un fichier HTML également. Cet article vise à fournir un aperçu de la méthode de chargement jQuery () avec les résultats d'apprentissage suivants.

• Mécanisme de travail de la méthode jQuery Load ()
• Un exemple qui démontre l'utilisation de la méthode jQuery ()

Comment fonctionne la méthode de chargement jQuery

Le fonctionnement de jQuery dépend principalement de la syntaxe suivante.

$ (sélecteur).chargement (URL, données, rappel);

Les instances de la syntaxe ci-dessus sont,

• sélecteur pourrait être le nom de l'élément ou de la classe / ID se référant à l'élément
• URL fait référence à l'adresse du fichier qui est récupéré
• le données (paramètre facultatif) à envoyer avec la demande (au serveur)
• le rappeler La fonction est facultative et est exécutée après l'exécution complète de la méthode de charge ()

Comment utiliser la méthode de chargement jQuery

Cette section fournit l'utilisation de la méthode de chargement jQuery () dans divers scénarios.

Exemple

L'exécution de cet exemple comprend diverses étapes que nous avons suivies.

Étape 1: Créé un fichier html nommé LH.html et l'a placé sur le serveur.

Les données de LH.HTML est importé avec succès

Bienvenue à Linuxhint!

Le code est décrit ci-dessous,

- un div La balise est créée qui contient un H4 Tag, un p Tag, et un IMG étiqueter

Le contenu de LH.html est affiché ci-dessous

Étape 2: Un autre fichier HTML est créé nommé indice.html (qui sera utilisé pour importer des données LH.html) et l'a enregistré dans le même dossier que de LH.html.

jquery

$ (document).ready (function ()
$ ("# btn").cliquez sur (fonction ()
$ ("# un").Charge ("LH.html ");
);
);

Le code ci-dessus est la partie principale de l'index.html qui exécute le charger() Méthode pour charger le LH.html déposer.

- L'événement de clic de Button id = ”btn»Chargera le contenu de LH.html dans le indice.html déposer.

Html

Cliquez ici pour obtenir le contenu

Dans le code HTML,

- un div est créé avec id = ”un"Et un bouton ID ="btn"Est créé qui sera utilisé pour charger le fichier (sur la fonction de clic)

La sortie du scénario ci-dessus est indiquée dans le GIF suivant.

La sortie montre qu'en cliquant sur le bouton, le contenu de LH.html est récupéré et affiché sur le indice.html.

Conclusion

La méthode jQuery Load () est utilisée pour charger les données du serveur et les intégrer dans un élément HTML. Cet article propose le travail et l'utilisation de la méthode jQuery Load (). Pour démontrer le fonctionnement de la méthode de charge (), nous avons présenté la syntaxe et le mécanisme de travail procédural. De plus, l'exemple démontré ici charge les données d'un fichier et les intègre dans un élément HTML (placé dans un autre fichier).