[AJAX] Mettre en oeuvre ajax

Version imprimable

Bonjour j'essaye juste d'afficher les valeur d'une base de données via ajax voici mon code

Code:

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:

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:

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 russie<id>{1.3.51.0.7.633922247.633920090617.6339085113}</id>
-----------^

merci

c'est sur le readystate 4 qu'il faut lancer l'action ...
Code:

1 2 3 4 xhr.onreadystatechange = function(){ if(xhr.readyState == 4 && xhr.status == 200){ alert(xhr.responseText) }

rien n'y fait j'ai rajouté ça

Code:

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

24/03/2010, 15h26
E.Bzz

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+
24/03/2010, 15h31
sebac

Merci c'était bien le fait de générer connexion réussie qui plombait le code.

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:

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:

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:

alert("longueur "+items.length);

qui affiche 0 alolrs qu'il ne devrait pas voici le code en entier

Code:

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);
 
		}
	}

12/04/2010, 14h49
Vil'Coyote

tu es sûr de toujours travailler avec le localhost?
12/04/2010, 15h01
sebac

oui je crois puisque je me connecte à la base et je parviens à voir justement les données via le xml