Discussion :

[Chabanus]

Bonjour

Je n'arrive pas à afficher des données d'une base de données à l'aide d'AJAX à l'affichage de la page, j'aimerais bien savoir pourquoi cela ne fonctionne pas .

Code JavaScript

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
46
47
48
49
50
 
<script type="text/javascript" src="oXHR.js"></script>
<script type="text/javascript">
request.onLoad= function() {
 
	var xhr   = getXMLHttpRequest();
 
	xhr.onreadystatechange = function() {
		if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
			readData(xhr.responseXML);
			document.getElementById("loader").style.display = "none";
		} else if (xhr.readyState < 4) {
			document.getElementById("loader").style.display = "inline";
		}
	};
 
	xhr.open("POST", "liste.php", true);
	xhr.send(null);
 
 
}
 
function readData(oData) {
 
 
	var nodesTitre = oData.getElementsByTagName("titre");
	var nodesTexte = oData.getElementsByTagName("texte");
	var oDiv = document.getElementById("affichage");
	var oTitre, oTexte;
 
	oDiv.innerHTML = "";
	for (var i=0, c=nodesTitre.length; i<c; i++) {
 
		oTitre = document.createElement("h3");
		oTexte = document.createElement("p");
		var te = document.createTextNode(nodesTitre[i].nodeValue);
		var ti = document.createTextNode(nodesTitre[i].nodeValue);
 
		oTitre.appendChild(te);
		oTexte.appendChild(ti);
 
		oDiv.appendChild(titre);
		oDiv.appendChild(texte);
 
 
	}
 
}
 
</script>

Code 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
 
<?php
 
header("Content-Type: text/xml");
echo "<?xml version='1.0' encoding='utf-8'?>";
 
	mysql_select_db("","","");
	mysql_select_db("");
 
 
	$query = mysql_query("SELECT * FROM articles ORDER BY id DESC LIMIT 0,3");
 
	while ($back = mysql_fetch_assoc($query)) {
	echo "<article>";
        echo "<titre>".htmlentities($back['titre'])."</titre>"
	     "<texte>".htmlentities($back['texte'])."</texte>";
	echo "</article>";
   }
 
 
?>

Code HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<div id="affichage">
 </div>

Je suis preneur de toutes propositions, je vous remercie d'avance.
Bien à vous

[Bovino]

Salut,

Ton XML est mal formé (pas d'élément racine unique), il ne peut donc pas être interprété par responseXML

[andry.aime]

Bonjour,

xhr.open("POST", "liste.php", true);
xhr.send(null);

Utiliser GET si tu n'envoies aucune variable.

mysql_select_db("","","");
mysql_select_db("");

C'est quoi ça?

[Chabanus]

Merci pour vos réponses.
On ne peut pas faire des fichiers xml de la sorte :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<article>
<titre></titre>
<texte></texte>
</article>
<article>
<titre></titre>
<texte></texte>
</article>

ou il faut faire comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<article>
<titre></titre>
<texte></texte>
 
<titre></titre>
<texte></texte>
</article>

plutôt

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
mysql_connect("","","");
mysql_select_db("");

Avec GET cela donnera ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
xhr.open("GET", "liste.php");
xhr.send(null);

N'empêche qu'avec les modifications, rien ne fonctionne...

[andry.aime]

Bonjour,
Tu peux t'inspirer de ces codes.
à la place de la création des options, tu faits createTextNode.

[Chabanus]

Mais votre exemple fonctionne que lorsqu'on clique sur un bouton, moi par contre je veux, qu'à l'affichage de la page web Ajax s'occupe d'afficher mes informations de la base de donnée.
Si vous savez comment faire, je vous serais reconnaissant

[andry.aime]

Re,
Tu appelles la fonction dans le onload du body.

[Chabanus]

Grâce à l'insertion d'onLoad au bon endroit, j'ai réussie à résoudre le problème, un grand merci