jquery ajax chargement gif jQuery Girl

Comment append un gif de chargement lors du traitement jQuery AJAX? J’ai lu des tutoriels, ils utilisent beforeSend . mais toujours pas voir la chose de chargement.

   $.ajax({ url: "index_2.php", dataType: "html", type: 'POST', data: "value=something", beforeSend: function () { $("#result").html(' Now loding...'); }, success: function(data){ $("#result").html(data); //even add .delay(5000) } });

index_2.php

Je mets le sleep(5); Dans index_2.php , il doit afficher le londing.gif dans le div#result pendant 5 secondes, jusqu’à ce que les données index_2.php depuis index_2.php .

peut être une idée est avant d’appeler la demande ajax charger l’image comme vous l’avez fait à savoir

 $("#result").html(' Now loding...');

puis onsuccess lier les données

il y a plusieurs façons. Ma méthode préférée consiste à attacher une fonction aux événements ajaxStart / Stop sur l’élément lui-même.

 $('#loadingDiv') .hide() // hide it initially .ajaxStart(function() { $(this).show(); }) .ajaxStop(function() { $(this).hide(); }) ;

Les fonctions ajaxStart / Stop se déclenchent chaque fois que vous effectuez un appel ajax.

Jetez un coup d’œil à la fonction $.ajaxStart() , qui s’exécutera chaque fois qu’une requête Ajax est lancée (évidemment)

Vérifiez cette question pour plus de détails.