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

JavaScript Discussion :

[AJAX] Rafraîchissement de div


Sujet :

JavaScript

  1. #1
    Membre éclairé

    Profil pro
    Inscrit en
    Juin 2004
    Messages
    772
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Juin 2004
    Messages : 772
    Points : 872
    Points
    872
    Par défaut [AJAX] Rafraîchissement de div
    Bonjour,

    j'essaye de mettre à jour le contenu d'un DIV (nommé 'user') avec une fonction AJAX. Mon script php renvoie bien du code html, correspondant à ce que je veux afficher dans mon div mais celui-ci n'est pas mis à jour...
    Je dois oublier qquechose qquepart mais quoi ?

    Ma fonction qui AJAX qui appelle un script php
    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
    function connect()
    {
        var login = document.getElementById("login");
        login = login.value;
        var pwd = document.getElementById("pwd");
        pwd = pwd.value;
     
        if (login == "")
        {
            alert("Veuillez entrer un nom/numéro d'utilisateur dans le champ 'login'");
            document.getElementById("pwd").value = "";
        }
        else
        {
            var xhr = getXhr();
            xhr.onreadystatechange = function()
            {
                if(xhr.readyState == 4 && xhr.status == 200)
                {
                    var response = xhr.responseText;
                    alert(response);
                    alert(document.getElementById('user'));
                    document.getElementById('user').innerhtml = response;
                }
            }
            xhr.open("POST","/user.php",true);
            xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
            xhr.send("login="+login+"&pwd="+pwd);	
        }
    }
    Le responseText renvoyé :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <br/>
    Bonjour<br/><b>{NAME}</b>
    <br/><br/>
    Profil : <b>{PROFIL}</b>
    <br/><br/>
    <a href="#" onclick="deconnect()">déconnexion</a>
    j'utilise un moteur de template (phpbb) pour générer mon code html...

    Merci d'avance

  2. #2
    Membre actif Avatar de Ikonic
    Inscrit en
    Février 2007
    Messages
    197
    Détails du profil
    Informations forums :
    Inscription : Février 2007
    Messages : 197
    Points : 202
    Points
    202
    Par défaut
    Salut,

    au lieu de innerhtml, essaie avec innerHTML...

  3. #3
    Membre éclairé

    Profil pro
    Inscrit en
    Juin 2004
    Messages
    772
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Juin 2004
    Messages : 772
    Points : 872
    Points
    872
    Par défaut
    Bingo! c'est exactement ça !
    Merci!

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

Discussions similaires

  1. [AJAX] Actualiser un div avec un grand nombre de paramètres
    Par yoshï dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 21/11/2008, 11h43
  2. [AJAX] Insérer une réponse ajax dans un div
    Par dzada dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 27/11/2007, 01h12
  3. [AJAX] Renvoi d'ajax dans plusieurs div
    Par fixbraun dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 10/08/2007, 13h48
  4. [AJAX] rafraichir une div !
    Par omantherasta dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 24/12/2006, 17h35
  5. [AJAX] Rafraîchissement d'1 formulaire
    Par islem dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 05/09/2006, 11h47

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