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

Développement Web en Java Discussion :

Rafraîchir un contenu sans rafraîchir toute la page


Sujet :

Développement Web en Java

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Avril 2011
    Messages
    45
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2011
    Messages : 45
    Par défaut Rafraîchir un contenu sans rafraîchir toute la page
    Bonjour,

    Je dispose d'une page jsp qui contient différentes informations stockées dans une base de données. Il s'agit typiquement d'inscriptions à des entretiens. Comme il peut y avoir plusieurs utilisateurs simultanément, je voudrais rafraîchir les données (les entretiens libres) mais cela, sans rafrâichir toute la page.

    Par exemple, rafraîchir les disponibilités des entretiens toutes les 3 secondes, sans que la page se relance à chaque fois, sinon c'est inutilisable.

    J'ai vu la possibilité des meta refresh mais ca relance l'actualisation de toute la page.

    Merci d'avance

  2. #2
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    759
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2004
    Messages : 759
    Par défaut
    Pour aller chercher des données sans faire de submit, moi j'utilise sendSyncRequest

    Code : 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
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    var xmlhttp;
    var xmlhttpreturn = "";
    var xmlhttpreturnstatus = false;
    function sendSyncRequest(url)
    {
    	xmlhttpreturnstatus = false;
    	xmlhttpreturnstatus = "";
    	xmlhttp=null;
    	if (window.XMLHttpRequest){
    		// code for IE7, Firefox, Opera, etc.
      		xmlhttp=new XMLHttpRequest();
      	}
    	else if (window.ActiveXObject){
    		// code for IE6, IE5
      		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      	}
    	if (xmlhttp!=null){
      		try{
    		  	xmlhttp.onreadystatechange=state_Change;
    		  	xmlhttp.open("GET",url,false);
    		  	xmlhttp.send(null);
    	  	}catch(e){
    	  		return "###"+url+"###";
    	  	}
      	}else{
      		alert("Your browser does not support XMLHTTP.");
      	}
     
    	return xmlhttp.responseText;
    }
    avec :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    function majData(){
    		var URL = 'action.do?reqCode=majData';
    		var reponse = sendSyncRequest(URL);
    		var arrayreponse = reponse.split('|'); //-->chaîne de type "OK|msgData"
    		if (arrayreponse[0] == 'KO'){
    			//pb
    		}else{
    			//rafraichir les données
    		}		
    	}
    En appelant majData toutes les x secondes avec la fonction javascript setInterval (nomFonction, nbSecondes)

Discussions similaires

  1. Réponses: 4
    Dernier message: 30/01/2009, 00h11
  2. Comment réactualiser un texte sans recharger toute la page ?
    Par pik31 dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 09/01/2009, 17h29
  3. envoyer un formulaire sans charger toute la page
    Par kiranis dans le forum Langage
    Réponses: 1
    Dernier message: 10/06/2008, 15h26
  4. IFRAME rafraichit sans rafraichir toute la page
    Par yvon_huynh dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 12/02/2008, 22h20

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