[AJAX] afficher le contenu d'une table avec ajax

**anouarsurvive** · 24/10/2008, 12h10

Bonjour,
alors voila je débute juste avec Ajax donc je suis un peut perdu,

l'idée est de faire une page d'annuaire.
sur la page d'accueil on aura un bouton afficher qui affichera le contenu de la table.
je veux utiliser ajax pour ne pas recharger une autre page et de façon que le menu reste toujours visible(je veux faire d'autre bouton pour faire des requettes SQL sur mesure et simple).

pour l'instant j'ai juste une page ou j'ai placé mes boutons.

donc j'attends vos réponse avec impatience.

**anouarsurvive** · 24/10/2008, 13h26

voila la situation actuelle;
ca c'est ma page index.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
46
 
 
<html>
	<head>
		<title>Tutoriel Ajax (XHTML + JavaScript + XML)</title>
		<script type='text/JavaScript'>
 
	 		function getXhr(){
                                var xhr = null; 
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
                                return xhr
			}
 
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
			function go(){
				var xhr = getXhr()
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						alert(xhr.responseText);
					}
				}
				xhr.open("GET","ajax.php",true);
				xhr.send(null);
			}
		</script>
	</head>
	<body>
		<input type='button' value='afficher tout !' onclick='go()' />
	</body>
</html>

ca c'est ma page ajax.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
 
<?php
define(SERVEUR, "localhost");
define(UTILISATEUR, "ddd");
define(PASSE, "fgffggg");
define(BASE, "jx3dsf89_fournisseur");
 
 
function connexion()	//Cette fonction sera appelée dès que l'on aura besoin de toucher à la base
	{
 
	if(!@mysql_connect(SERVEUR, UTILISATEUR, PASSE))	{
	echo'<div id="erreur_generale">', GENERAL_ERREUR_CONNEXION_BDD, '</div>'; exit;	}
	if(!@mysql_select_db(BASE, mysql_connect(SERVEUR, UTILISATEUR, PASSE)))	{
	echo'<div id="erreur_generale">', GENERAL_ERREUR_CONNEXION_BDD, '</div>'; exit;	}
	}
 
 
 
	connexion();
 
	$result = "SELECT * from fournisseur";
	$req = mysql_query($result) or die('Erreur SQL !<br />'.$result.'<br  />'.mysql_error());
	//echo($result);
	while ($row = mysql_fetch_array($req, MYSQL_NUM)) {
 
 
  	printf("ID : %s  Nom : %s", $row[0], $row[1]);
	}
	echo"anouar ";
 
	//mysql_free_result($result);
 
 
 
?>

Le resultat s'affiche dans un popup alert.
qu'est ce qu'il faut faire pour qui'l s'affiche dans la meme page juste en bas en oremier lieu puis comment l'afficher corresctement?
merci à vous.

[AJAX] afficher le contenu d'une table avec ajax

JavaScript

Vue hybride

Discussions similaires

Partager

Partager