[AJAX] Interaction avec le serveur:AJAX +PHP

**Claudine** · 12/11/2011, 09h58

Bonjour Andry.aime,
Désolée pour ce contre-temps.
Bingo ! voilà la solution définitive avec enfin un tutoriel qui fonctionne.

Code :

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

1
2
 
document.getElementById('content').innerHTML += html;

Je tiens à vous exprimer toute ma reconnaissance pour votre assistance très efficace; super le "firebug".
Je me permet de revenir sur mon ancien logiciel qui m'affiche les données de la table temp mais, sous forme xml. version, soit la réponse suivante:

Code :

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

1
2
3
4
5
6
7
 
<?xml version="1.0"?>
<exemple>
<text>Bonjour monde</text>
<nom>flament</nom>
<prenom>yvon</prenom>
</exemple>

N'y a-t-il pas un moyen d'afficher(toujours sans rechargement de la page) les mêmes données mais sous forme de tableau avec entêtes donc horizontalement(genre tableau HTML) ?
Ci-dessous mes fichiers:
Coordonnees.html

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Recherche coordonnees</title>
</head>
 
<body>
<script type="text/javascript" src="Coordonnees.js"></script>
 
<p>
<a href="javascript:exemple();">cliquer !</a>
<div id="resultat"></div>
</p></body>
</html>

coordonnees.js

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
 
function exemple()
{
	obj = document.getElementById("resultat");
   // 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.php
    xhr.open("GET", "Coordonnees.php", true);
    xhr.send(null);
}
 
  function alert_ajax(xhr)
{
	if(xhr.readyState == 4){
		if(xhr.status==200 || xhr.status==0){
			var docXML= xhr.responseText;
			alert(docXML);
 /*
	var items = docXML.getElementsByTagName("donnee")
	//on fait juste une boucle sur chaque element "donnee" trouvé
	for (i=0;i<items.length;i++)
	{
		alert (items.item(i).firstChild.data);
	}  */
	document.getElementById("resultat"); 
	}else{
			alert("Error: returned status code " + xhr.status + " " + xhr.statusText);
        }
     }
}

Et enfin Coordonnees.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
 
<?php
cho "<?xml version=\"1.0\"?>\n";
echo "<exemple>\n";
//on connecte a la BDD
 
$host='localhost';
$user='root';
$pass='';
$db='clients';
$link=mysql_connect($host,$user,$pass)or die ('Erreur : '.mysql_error() );
	mysql_select_db($db) or die ('Erreur :'.mysql_error());
 
//on lance la requete
$query = "SELECT text,nom,prenom FROM temp ";
$result = mysql_query($query,$link) or die (mysql_error($link));
 
//On boucle sur le resultat
while ($row = mysql_fetch_array($result, MYSQL_NUM))
{
	echo "<text>" . $row[0] . "</text>\n";
	echo "<nom>" . $row[1] . "</nom>\n";
	echo "<prenom>" . $row[2] . "</prenom>\n";
}
echo "</exemple>\n";
 
//document.getElementById('resultat').innerHTML += html; 
 
?>

Voulez-vous m'aider pour l'affichage?
Salutations amicales
Claudine

**andry.aime** · 14/11/2011, 17h46

1- Soit tu parses ton xml et crées de ligne pour ton tableau

faq.
2- Soit ton fichier coté serveur te génère un tableau et tu utilises l'innerHTML d'un div avec le responseText.
En tout cas, des recherches sur le forum s'impose, problème maintes fois résolue.

A+.

**Claudine** · 14/11/2011, 20h21

Bonsoir Andry.aime,

Merci pour tous vos conseils éclairés, l'affichage sous forme de tableau HTML dans la DIV et sans rechargement de la page fonctionne très bien.

Sincères remerciements
Claudine

[AJAX] Interaction avec le serveur:AJAX +PHP

AJAX

Discussions similaires

Partager

Partager