AJAX: fonction load

  • Variantes:

Associe une fonction à l'évènement load des élements de la sélection. Cet évènement se déclenche lorsque l'élément en question se charge.

Version: disponible depuis la version 1.0 de JQuery

Paramétres:

  • fonction (Fonction): fonction à associer à l'évènement

Valeur de retour: objet jQuery

Exemple : 
$("p").load( function() { alert("Hello"); } );

Code de test: 

<p>Hello</p>

Résultat: 

<p onload="alert('Hello');">Hello</p>

1 Commentaire (afficher/poster)

Charge le code HTML à partir d'un fichier appelé et l'injecte dans la DOM.
Note: Evitez d'utiliser cette fonction pour charger des scripts, utilisez plutot $.getScript.

Version: disponible depuis la version 1.0 de JQuery

Paramétres:

  • url (String): url du fichier HTML à charger.
  • params (Objet): (optionnel) liste de paires de la forme clé/valeur qui seront envoyées en tant que données au serveur.
  • callback (Fonction): (optionnel) fonction qui sera éxécutée à chaque fois qu'une donnée sera chargée (paramètres: responseText, statut et sa réponse).

Valeur de retour: jQuery

Exemple 1: 
$("#feeds").load("feeds.html");

Code de test: 

<div id="feeds"></div>

Résultat: 

<div id="feeds"><b>45</b> feeds found.</div>
Exemple 2:

De même que l'exemple au dessus, hormis l'ajout d'un paramètre supplémentaire, et une fonction de retour qui sera éxécutée lorsque les données seront chargées.

$("#feeds").load("feeds.html",
   {limit: 25},
   function() { alert("The last 25 entries in the feed have been loaded"); }
 );

0 Commentaire (afficher/poster)