montrant une image jusqu'à ce que le contenu soit chargé

Question

Je fais une recherche jquery back end des données d'une table DB ... jusqu'à ce que je récupère les données de la table ... comment puis-je montrer une image comme partout où elle est montrée comme recherche ou quelque chose comme le

---

J'ai un petit doute .. Mon projet a grossi. partout où la fonction .change est utilisée. puis-je écrire un code global comme quand une fonction de changement est appelée ... montre l'image jusqu'à ce que les données soient chargées ???

Answer 1

Une autre façon est d'utiliser .ajaxSetup $ pour faire l'image show sur toutes vos requêtes:

$.ajaxSetup({ 

beforeSend: function (XMLHttpRequest) { 
    $("#loading").show(); 
}, 

complete: function (XMLHttpRequest, textStatus) { 
$("#loading").hide(); 
} 
}); 

Answer 2

Ayez cette image sur votre page d'abord ...

<img id="loading" src="loading.gif" /> 

puis avec jQuery Il suffit de faire ceci:

$(function(){ 
    $("#loading").hide(); 
}); 

de s'il est un appel ajax (que je pense qu'il est) faire :

$.ajax({ 
    url: 'ajax/test.html', 
    success: function(data) { 
     $("#loading").hide(); 
    } 
}); 

Answer 3

Je viens d'utiliser le code comme

$(function(){ 
$('#id').change(function() 
{ 
$.post('url.php',{name:$("#name").val()},function(data) 
{ 
$("#html").html(data); 
}); 
}); 
}); 

donc je dois utiliser le i mge.show() ... saillir avant

rite $("#html").html(data);?