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

React Discussion :

Ajax et réactualisation automatique


Sujet :

React

  1. #1
    Invité
    Invité(e)
    Par défaut Ajax et réactualisation automatique


    Bonjour,

    Ne maitrisant pas Javascript (je connias et sais faire avec des modèles), je cherche un moyen de mettre à jour régulièrement d'un DIV (en gros, comme si un timer le faisait). Est-ce possible ? (le but étant de ne pas reharger la page, je suis dans un cadre ajax là)
    Dernière modification par vermine ; 28/09/2015 à 08h03.

  2. #2
    Membre éclairé Avatar de Luffy49
    Profil pro
    Étudiant
    Inscrit en
    Mars 2007
    Messages
    399
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2007
    Messages : 399
    Par défaut
    bien sur que celà est possible


    si tu ne veut pas te plonger profondement dans l'ajax utilise des librairie facile d'utilisation tel que JQuery ou Mootools , Scriptaculous, prototype...

  3. #3
    Membre éprouvé Avatar de shaun_the_sheep
    Homme Profil pro
    Chef de projet NTIC
    Inscrit en
    Octobre 2004
    Messages
    1 619
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Chef de projet NTIC
    Secteur : Enseignement

    Informations forums :
    Inscription : Octobre 2004
    Messages : 1 619
    Par défaut
    Salut,

    la librairie Prototype (Ajax) offre une méthode simple d'utilisation Ajax.PeriodicalUpdater qui permet de faire cela simplement.

    Cette méthode fait appel à une URL qui renvoi un flux (contient le code HTML de la div à mettre à jour) et met à jour un element HTML (une div) avec le flux renvoyé.

    Seulement pour ma part je pense qu'il faut que la page appellée (URL) soit de type serveur (php, jsp , servlet ....) pour renvoyé un flux à la requete Ajax.

  4. #4
    Candidat au Club
    Inscrit en
    Avril 2008
    Messages
    3
    Détails du profil
    Informations forums :
    Inscription : Avril 2008
    Messages : 3
    Par défaut
    Tu peux aussi utiliser la fonction setInterval()

  5. #5
    Membre éprouvé Avatar de shaun_the_sheep
    Homme Profil pro
    Chef de projet NTIC
    Inscrit en
    Octobre 2004
    Messages
    1 619
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Chef de projet NTIC
    Secteur : Enseignement

    Informations forums :
    Inscription : Octobre 2004
    Messages : 1 619
    Par défaut
    Je pense qu'il vaut mieux dans ce cas la utiliser setTimeout

    SetTimeout déclenche une minuterie et appelle le code javascript fonc dans delai millisecondes et clearTimeout() pour stoper une minuterie.

    Exemple Minuterie simple :


    <SCRIPT language=javascript>
    function Timer() {
    var dt=new Date()
    window.status=dt.getHours()+":"+dt.getMinutes()+":"+dt.getSeconds();
    setTimeout("Timer()",1000);
    }
    Timer();
    </SCRIPT>

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

Discussions similaires

  1. [AC-2003] réactualiser automatiquement microsft graph
    Par facteur dans le forum IHM
    Réponses: 2
    Dernier message: 19/12/2012, 12h03
  2. Réponses: 1
    Dernier message: 29/10/2012, 10h40
  3. Traitement AJAX de lignes automatique
    Par Stéphane Bruckert dans le forum jQuery
    Réponses: 6
    Dernier message: 20/04/2011, 16h56
  4. Réponses: 1
    Dernier message: 09/03/2008, 21h51
  5. [AJAX] Ajax ne réactualise pas le javascript ?
    Par shadowbob dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 23/01/2006, 08h26

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