Exemple d'utilisation de la méthode load() d'ajax dans jQuery_jquery

L'exemple de cet article décrit l'utilisation de la méthode load() d'ajax dans jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Cette fonction est une méthode ajax simple mais puissante dans jQuery.
Il charge le contenu du serveur puis écrit les éléments correspondants.
Structure grammaticale :

Copier le code Le code est le suivant :

$(selector).load(URL,data,callback );

Analyse des paramètres :

1.selector : Un sélecteur qui peut charger du contenu dans l'élément correspondant à ce sélecteur.
2. URL : obligatoire, une adresse URL qui doit être chargée.
3.data : facultatif, une collection de paires clé/valeur de chaîne de requête envoyées avec la demande.
4. callback : Facultatif, la fonction à exécuter une fois la fonction load() terminée, c'est-à-dire une fonction de rappel.

Exemple de code :

Copier le code Le code est le suivant :

Le code ci-dessus implémente nos exigences et peut écrire le contenu du fichier texte dans l'élément div.

Fonction de rappel :

La fonction de rappel peut avoir trois paramètres. Ce qui suit décrit les fonctions des trois paramètres :

1.responseTxt : Contient le contenu du résultat lorsque l'appel est réussi.

2.statusTXT : contient l'état de l'appel.

3.xhr : objet XMLHttpRequest.

Exemple de code :

Copier le code Le code est le suivant :

L'implémentation du code ci-dessus peut afficher un message d'erreur car le chemin est incorrect et le fichier est introuvable.

J'espère que cet article sera utile à la programmation jQuery de chacun.