jQuery Girl
  1. jQuery Girl
  3. Comment append un fichier load.gif lors du processus jquery.load?
Intereting Posts
HTTP 500 Error jQuery Ajax avec le service Web Avec jQuery, comment modifier du texte en dehors des balises? La méthode jquery .remove () ne déclenche pas l’événement .on (‘remove’) jQuery pour rendre HTML5 Canvas Responsive jQuery simule un événement de clic sur l’option de sélection Comment désactiver l’avertissement DataTables warning Paramètre inconnu demandé à la source de données pour la ligne Sur l’événement CTRL + MOUSEWHEEL Cliquez sur le bouton / envoyer quand il apparaît sur la page Chargement du texte du bouton Bootstrap avec Angularjs Le défilement par débordement ne fonctionne pas sur l’élément fixe iOS L’option de cache de jQuery .ajax ne fonctionne pas dans Firefox et Chrome? Type de chrome = “date” et conflit entre le sélecteur de date jquery ui Liste déroulante Json jquery: valeur d’access d’une zone de texte dans datatable Comment append des mouvements à la courbe de Bézier dans kineticjs?

Comment append un fichier load.gif lors du processus jquery.load?

Je veux utiliser jQuery.load() pour charger du contenu. Comment puis-je append un spinner pendant le processus de chargement?

load.gif

 $("#content").load("b.php #abc"); 

  $("#content").html("loading..."); $("#content").load("b.php #abc");

En supposant que vous avez un spinner caché quelque part sur votre page:

vous pouvez utiliser la fonction $ .ajaxSetup pour définir des options globales. Ainsi, par exemple, vous pouvez faire ceci: 

 $(function() { // set global ajax options: $.ajaxSetup({ beforeSend: function(xhr, status) { // TODO: show spinner $('#spinner').show(); }, complete: function() { // TODO: hide spinner $('#spinner').hide(); } }); $('#foo').click(function() { // because we have overriden the global AJAX settings // the spinner will be shown during the request $('#content').load('b.php #abc'); }); });

Désormais, chaque fois que vous émettez une requête AJAX avec l’une des méthodes proposées par jQuery à cet effet, le compteur s’affiche avant la requête et est masqué une fois la requête terminée (avec succès ou erreur).