L'Ajax de jQuery a-t-il quelque chose comme .NET's LoadingElementId

Question

L'aide Ajax de .NET a la propriété LoadingElementId: String, obtient et définit l'ID de l'élément DOM à afficher pendant le temps nécessaire pour compléter la requête.

Vous cherchez la manière la plus simple d'implémenter un spinner 'In Process' pour les formulaires soumis via le toolkit Ajax de jQuery.

MNY thx

Answer 1

Les événements complets beforeSubmit & de .ajax.

Si vous souhaitez effectuer cette opération pour tous les appels ajax, vous pouvez utiliser les événements ajaxStart et ajaxComplete globaux plutôt que de les déclarer à chaque fois.

$.ajax({ 
    url: "test.html", 
    beforeSubmit : showSpinner, 
    complete : hideSpinner, 
    cache: false, 
    success: function(html){ 
    $("#results").append(html); 
    } 
}); 

function showSpinner(){ 

    $('#someElement').show(); 

} 

function hideSpinner(){ 

    $('#someElement').hide(); 

} 


//Using global ajax events 

$.ajaxStart(showSpinner); 
$.ajaxComplete(hideSpinner); 

Answer 2

jQuery a beaucoup ajaxEvents. Vous pouvez lier la visibilité d'un élément à ceux-ci.

$.ajaxStart(function(){ showLoading(); }); 
$.ajaxComplete(function(){ hideLoading(); });