Afficher la progression du chargement lors de la création de la requête JSF Ajax

Si vous n'êtes pas déjà en utilisant une 3ème partie de la bibliothèque de composants qui pourraient déjà avoir un prêt-à-composant pour que, comme PrimeFaces avec <p:ajaxStatus>vous pouvez utiliser le programme JSF-fourni JavaScript jsf.ajax.addOnEvent() fonction (et éventuellement aussi jsf.ajax.addOnError()) pour raccorder une fonction ajax événements.

Voici une base de lancement pour exemple:

<script>
    jsf.ajax.addOnEvent(function(data) {
        var ajaxstatus = data.status; //Can be "begin", "complete" and "success"
        var ajaxloader = document.getElementById("ajaxloader");

        switch (ajaxstatus) {
            case "begin": //This is called right before ajax request is been sent.
                ajaxloader.style.display = 'block';
                break;

            case "complete": //This is called right after ajax response is received.
                ajaxloader.style.display = 'none';
                break;

            case "success": //This is called when ajax response is successfully processed.
                //NOOP.
                break;
        }
    });
</script>

<img id="ajaxloader" src="ajaxloader.gif" style="display: none;" />

Voir également le chapitre 13.3.5.2 de la JSF 2.0:

13.3.5.2 De Surveillance Des Événements Pour Toutes Les Requêtes Ajax

L'API JavaScript fournit la jsf.ajax.addOnEvent fonction qui peut être utilisée pour enregistrer une fonction JavaScript
qui sera notifié lors de toute requête Ajax/réponse événement se produit. Reportez-vous à la Section 14.4, “Enregistrement de Rappel
Les fonctions” pour plus de détails. Le jsf.ajax.addOnEvent fonction accepte une fonction JavaScript argument qui sera
averti lorsque des événements se produisent au cours de toute requête Ajax/réponse à l'événement de cycle. La mise en œuvre doit
assurer la fonction JavaScript qui est enregistrée doit être appelés en conformité avec les événements décrits dans
TABLEAU 14-3 “Événements”.

Vous pouvez saisir un peu cool ajax loader gifs gratuitement à partir de http://www.ajaxload.infopar la manière.