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

AJAX Discussion :

[AJAX] Mettre en oeuvre ajax


Sujet :

AJAX

  1. #1
    Membre habitué
    Inscrit en
    Avril 2007
    Messages
    521
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 521
    Points : 167
    Points
    167
    Par défaut [AJAX] Mettre en oeuvre ajax
    Bonjour j'essaye juste d'afficher les valeur d'une base de données via ajax voici mon code
    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
    31
    32
    33
    34
    35
    36
     
    	function ajax()
    	{
     
    		var xhr=null;
     
    		if (window.XMLHttpRequest) { 
    			xhr = new XMLHttpRequest();
    		}
    		else if (window.ActiveXObject) 
    		{
    			xhr = new ActiveXObject("Microsoft.XMLHTTP");
    		}
    		//on définit l'appel de la fonction au retour serveur
     
    		xhr.onreadystatechange = function() { alert_ajax(xhr); };
     
    		//on appelle le fichier reponse.txt
    		xhr.open("GET", "Examens.php", true);
    		alert("ajax1");
    		xhr.send(null);
    	}
     
    	function alert_ajax(xhr)
    	{
     
    		var docXML= xhr.responseXML;
    		var items = docXML.getElementsByTagName("id")
    				alert("nb element "+items.length);
    		//on fait juste une boucle sur chaque element "id" de chaque examen
    		for (i=0;i<items.length;i++)
    		{
    				alert (items.item(i).firstChild.data);	
    		}		
     
    	}
    le premier alert m'affiche 0 et le deuxième ne s'affiche jamais ce qui est plutôt normal vu la valeur du premier alert mais je ne comprend pas pourquoi je n'ai aucune valeur pourtant mon fichier php contient des valeur via la fonction getStudies() qui retourne un tableau de tableau voici mon fichier 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
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    <?php
     
        include_once 'database.php';
            
                    header('Content-Type: text/xml'); 
                    echo "<?xml version=\"1.0\"?>\n";
                    echo "<examen>\n";
     
    // main
     
    // connect to MySQL
    $database = "medi";//urldecode($_POST["formDatabase"]);
    $user = "root";//urldecode($_POST["formUsername"]);
    $password = "toto"; //urldecode($_POST["formPassword"]);
    //////////$antispaminput = urldecode($_POST["formAntiSpam"]);                   // Ramin
    $dbcon = new MyDatabase($hostname, $database, $user, $password);
     
                    if ($dbcon) {
                      echo 'connexion réussie';
                    }
                    else {
                      echo 'connexion impossible...'.mysql_error();
                    } 
     
                    $rows = array();// tableau de tableau
                     $rows=$dbcon->getStudies();// methode qui me renvoie un tableau de tableau de valeur
                     
                    /*foreach ($rows as $i) 
            { 
                   echo ($i[0] . " et " . $i[1] . " + ".$i[2] . " et " . $i[3] . " + ". $i[4] . " et " . $i[5] . " + ".$i[6]  ."<br />"); 
            }*/
                    
     
                    //On boucle sur le resultat
                    foreach ($rows as $i)
                    {
                            echo "<id>{" . $i[0] . "}</id>\n";
                            echo "<date>{" . $i[3] . "}</date>\n";
                            echo "<heure>" . $i[4] . "</heure>\n";
                            echo "<description>" . $i[8] . "</description>\n";
                    }
                    echo "</examen>\n";
     
     
    ?>
    je me suis inspiré de ce code http://gael-donat.developpez.com/web/intro-ajax/#LIII et lorsque je lance mon fichier php j'ai cette erreur
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    Erreur d'analyse XML : mal formé
    Emplacement : http://localhost/Nouvelle%20maquette/Examens.php
    Numéro de ligne 3, Colonne 12 :connexion r￿ussie<id>{1.3.51.0.7.633922247.633920090617.6339085113}</id>
    -----------^
    merci

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 637
    Points : 66 662
    Points
    66 662
    Billets dans le blog
    1
    Par défaut
    c'est sur le readystate 4 qu'il faut lancer l'action ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    xhr.onreadystatechange = function(){
    	if(xhr.readyState == 4 && xhr.status == 200){
    		alert(xhr.responseText)
    	}
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre habitué
    Inscrit en
    Avril 2007
    Messages
    521
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 521
    Points : 167
    Points
    167
    Par défaut
    rien n'y fait j'ai rajouté ça
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    xhr.onreadystatechange = function() { 
     
    		if(xhr.readyState == 4 && xhr.status == 200){
    		//alert(xhr.responseText)
    		alert_ajax(xhr);
    			}
     
     
    		};
    mais sans succès

  4. #4
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Bonjour,
    en plus de la remarque de SpaceFrog :
    le message d'erreur semble clair : tu génères un "connexion réussie" puis ton XML.
    "connexion réussie" ne faisant pas partie du format XML, tu obtiens le message cité ...
    => Vire le "connexion réussie" si tout est OK et ne garde que le XML.

    A+
    Pour tout savoir sur l'utilisation du forum

    En postant votre message, n'oubliez pas les Règles du Club.

  5. #5
    Membre habitué
    Inscrit en
    Avril 2007
    Messages
    521
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 521
    Points : 167
    Points
    167
    Par défaut
    Merci c'était bien le fait de générer connexion réussie qui plombait le code.

  6. #6
    Membre habitué
    Inscrit en
    Avril 2007
    Messages
    521
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 521
    Points : 167
    Points
    167
    Par défaut
    cette fois-ci je travail sur une autre base ce trouvant sur une machine de la boîte mais mon xml ne s'affiche pas côté js alors que sa marchait sur la bd se trouvant sur mon portable.
    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
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    <?php
     
       // include_once 'testConnexionDiam4.php';
            
                    header('Content-Type: text/xml'); 
                    echo "<?xml version=\"1.0\"?>\n";
                    echo "<examen>\n";
     
    // main
     
    // connect to MySQL
    $database = "MydataBase";
    $user = "root";
    $password = " toto"; 
    $hostname="localhost";
     
                    $serveurCon = mysql_connect("localhost", $user, $password);
                    
                     // Connecte la base
                    $dbcon=mysql_select_db($database);// or die ("La base de données est inexistante \n");
                    $rows = array();// tableau de tableau
                    //$tableau = array();// tableau permet de spliter la date et l'heure de l'examen
     
            $query = "select * from examen where code_unite_stockage=1;";
            $result = mysql_query($query) or die($query . " - " . mysql_error());
            
             while ($rows = mysql_fetch_array($result)) {
             
                     echo "<id>" .$rows['id_examen']. "</id>\n";
                $tableau=split(" ",$rows['date_examen']);
                            echo "<date>" . $tableau[0] . "</date>\n";
                            //echo "<date>" .$rows['date_examen']. "</date>\n";
                            echo "<heure>" . $tableau[1]. "</heure>\n";
                            echo "<description>" . $rows['description'] . "</description>\n";
                            
                    }
     
                    echo "</examen>\n";
     
     
    ?>
    du côté js
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    alert("texte "+xhr.responseText);
    affiche bien le xml avec toutes les valeurs dans les bonnes balises et ce qui est plus étonnant c'est
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    alert("longueur "+items.length);
    qui affiche 0 alolrs qu'il ne devrait pas voici le code en entier
    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
    31
    32
    33
    function ajaxExamens(xhr)
    	{
     
    		var docXML= xhr.responseXML;
    		alert("texte "+xhr.responseText);
    		var items = docXML.getElementsByTagName("id")//balise id du xml(id des examens)
    			alert("longueur "+items.length);
    		//on fait juste une boucle sur chaque element "id" de chaque examen
    		for (i=0;i<items.length;i++)
    		{
     
    		// création des nouveaux noeuds
    			var nouveauLi = document.createElement('li');
    			var nouveauDiv = document.createElement('div');
    			//var nouveauLabel = document.createTextNode(items.item(i).firstChild.data);
    			var nouveauLabel = document.createTextNode("Examen"+(i+1));
    			nouveauLi.label=items.item(i).firstChild.data;// id examen
     
    			 // lui donne un attribut class appelé cliquable défini dans le css  
    			 nouveauDiv.className="cliquable";
     
    			 //sur clic des div créés appel de la fonction de création des séries
    			 nouveauLi.onclick = function(){ajax1(this.label)};//ie et ff
     
    			// raccord des noeuds
    			nouveauDiv.appendChild(nouveauLabel);
    			nouveauLi.appendChild(nouveauDiv);
    			var insertAvantMoi=document.getElementById('series');
    			var parentUl=insertAvantMoi.parentNode;
    			parentUl.insertBefore(nouveauLi, insertAvantMoi);
     
    		}
    	}

  7. #7
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Points : 7 503
    Points
    7 503
    Par défaut
    tu es sûr de toujours travailler avec le localhost?
    la vie n'est pas cirrhose des foies ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

  8. #8
    Membre habitué
    Inscrit en
    Avril 2007
    Messages
    521
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 521
    Points : 167
    Points
    167
    Par défaut
    oui je crois puisque je me connecte à la base et je parviens à voir justement les données via le xml

Discussions similaires

  1. Réponses: 1
    Dernier message: 10/02/2009, 08h36
  2. [AJAX] Y a-t-il une obligation a mettre le code AJAX dans le head ?
    Par tavarlindar dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 23/05/2008, 00h11
  3. [AJAX] Mettre à jour un obet swf via un Ajax.Updater
    Par OWickerman dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 17/05/2008, 18h18
  4. [AJAX] Mettre en place un calendrier dynamique
    Par newmar dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 14/05/2008, 16h45
  5. [AJAX] Mettre à jour la page dynamiquement
    Par tiboel dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 30/06/2006, 16h04

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