IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

AJAX, rafraîchir une division périodiquement


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    340
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 340
    Par défaut AJAX, rafraîchir une division périodiquement
    Voila, sur mon application web, j'ai un grand tableau (un div contenant une jsp), qui affiche à l'écran les enregistrements de ma BD.
    Ma BD est alimentée par des utilisateurs de façon aléatoire (entre 10 et 20 enregistrements par jour), et je voudrais pouvoir rafraîchir ce tableau mettons toutes les 30 minutes par ex.
    J'ai déjà développé le rafraîchissement de la BD (ie, l'exécution périodique des requêtes) par ma couche métier (Java, avec l'ordonnanceur Quartz).
    Par contre, là où je cale, c'est pour rafraîchir mon div.
    Je n'ai découvert Ajax/JQuery qu'il y a moins d'un mois, mes bases sont très légères.
    En cherchant sur des forums, j'ai entendu parler de timer, de xmlHttpRequest... mais tout cela n'est que charabia pour moi...
    Merci pour votre aide.

  2. #2
    Membre Expert Avatar de Madfrix
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    2 326
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Juin 2007
    Messages : 2 326
    Par défaut
    Bonjour,

    un exemple de fonction :

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
     
    function Rafraichir(url, div){    
     
    	var xhr_object = null;
     
    	if(window.XMLHttpRequest) 
    		xhr_object = new XMLHttpRequest();
    	else if (window.ActiveXObject) 
    		xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
     
    	xhr_object.open("GET", url, true);
    	xhr_object.onreadystatechange = function(){
    		if (xhr_object.readyState == 4 && xhr_object.status == 200)
    			$('#'+div).html(xhr_object.responseText);
    			else
    			$('#'+div).html('<img src="images/connexion/wait.gif" />');
    		}
    	xhr_object.send(null);
     
    }

    Le wait.gif s'affichera tant que ton tableau ne sera pas chargé.

    En espérant t'avoir aidé

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    340
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 340
    Par défaut
    merci !
    en cherchant pour un "timer", j'ai trouvé ça, et les 2 couplés, le refresh marche bien !

    window.onload=function()
    {
    setInterval('Rafraichir()',30000);
    };

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [AJAX] Rafraîchir une DIV après requête AJAX
    Par TheBleedz dans le forum jQuery
    Réponses: 6
    Dernier message: 05/12/2013, 19h10
  2. Ajax, éditer le contenu d'une division
    Par Invité dans le forum jQuery
    Réponses: 1
    Dernier message: 26/01/2011, 17h25
  3. Rafraîchir une page WEB en C# (et AJAX?)
    Par saiyuke dans le forum ASP.NET
    Réponses: 4
    Dernier message: 17/03/2007, 22h08
  4. [AJAX] Comment rafraîchir une liste déroulante alimentée par ajax
    Par lodan dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 11/03/2007, 09h01
  5. probleme avec une division par zéro
    Par jcharleszoxi dans le forum Langage SQL
    Réponses: 2
    Dernier message: 26/03/2003, 18h14

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo