jQuery.load()

Liste des paramètres acceptés :

load(fonction)
load(url,params,callback)

load(fonction)

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.

Paramètres:

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

Cette methode renvoie: objet jQuery

Prenons l'exemple suivant:

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

Testons sur le script suivant:

<p>Hello</p>

On obtiendra :

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

load(url,params,callback)

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.

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).

Cette methode renvoie: jQuery

Prenons l'exemple suivant:

$("#feeds").load("feeds.html");

Testons sur le script suivant:

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

On obtiendra :

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

Prenons l'exemple suivant:

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"); }  );

Envie de vous exprimer ?

Ils ont osé le dire ...


			# 2088 - Le mercredi 17 mars à 23h 16min 45s par Aurélien LEQUOY je viens de remplacer ce code banal : function file(fichier) { if(window.XMLHttpRequest) // FIREFOX xhr_object = new XMLHttpRequest(); else if(window.ActiveXObject) // IE xhr_object = new ActiveXObject("Microsoft.XMLHTTP"); else return(false); xhr_object.open("GET", fichier, false); xhr_object.send(null); if(xhr_object.readyState == 4) return(xhr_object.responseText); else return(false); } c = file("index.php?page=species&ajax=yes§ion=detail_species&id_species="+b); document.getElementById('species_detail').innerHTML=c; par jquery avec : $("#species_detail").load("index.php?page=species&ajax=yes§ion=detail_species&id_species="+jqueryTab[1]); et il se trouve que le style css de ma page n'est pas le même, en effet le text en foreground sur une image en background ne s'affiche plus correctement avec jQuery. Les 2 éléments ne sont plus l"un derrière l'autre mais l"un a coté de l'autre

Ajoutez le moteur de recherche jquery a Firefox

Liens sponsorisé

Publicite