[AJAX] Recharger juste le contenu d'un tableau

Version imprimable

05/06/2007, 12h29
furth

[AJAX] Recharger juste le contenu d'un tableau

Bonjour à tous,

J'aurai aimé savoir si on avait la possiblité de recharger en ajax juste le contenu d'un tableau.

Si oui auriez vous des exemples ??
05/06/2007, 14h16
jmulans

bah c'est à ça que ça sert :mrgreen:

des exemples y'en a des tas
05/06/2007, 14h22
furth

pourquoi n'y ais je pas pensé plutôt, je vais y faire un tour et si je ne trouve pas de solution je reviendrais demander de l'aide.

Merci pour ta réponse jmulans. :yaisse2:

Bon, j'ai lu les tutos avec les exemples, puis j'ai testé quelques codes.

Fichier index.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
46
47
48
<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){
						xhr.responseText;
					}
				}
				xhr.open("GET","ajax.php",true);
				xhr.send(null);
 
			}
		</script>
	</head>
	<body>
		<input type='button' value='Dis quelque chose !' onclick='go()' />
		<div id="mondiv">
		<!-- Affichage de ce qu'il y a dans la page ajax.php-->
		</div>
	</body>
</html>

Fichier Ajax.php :

Code:

1
2
3
<?php
        echo "Bonjour de php";
?>

J'aimerai simplement qu'il m'affiche ce qu'il y a dans le fichier ajax.php dans le <div id="mondiv"></div>

Pouvez vous me venir en aide sur cette exemple ???

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
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){
			document.getElementById("mondiv").innerHTML = xhr.responseText;
		}
	}
	xhr.open("GET","ajax.php",true);
	xhr.send(null);
				
}

environ comme ça

05/06/2007, 14h54
E.Bzz
Bonjour,

Citation:

Envoyé par furth

J'aimerai simplement qu'il m'affiche ce qu'il y a dans le fichier ajax.php dans le <div id="mondiv"></div>

Pouvez vous me venir en aide sur cette exemple ???

Dans ton JS :
Code:

1 2 3 if(xhr.readyState == 4 && xhr.status == 200){ document.getElementById('mondiv').innerHTML = xhr.responseText; }
Attention : si responseText te renvoie autre chose que ... du texte (des input, select ou autre), il vaudra mieux passer par le DOM pour les créer ...

A+
05/06/2007, 14h56
E.Bzz

Il semblerait y avoir consensus ...

:mouarf:
05/06/2007, 14h56
furth

mon fichier ajax.php contiendra un tableau avec des requetes et des boucles (if, while ...)

qu'entends tu par :

Citation:

il vaudra mieux passer par le DOM pour les créer ...
05/06/2007, 15h09
furth

Une dernière question, sauriez vous pourquoi quand je met des accents ou autres caractères spéciaux dans le fichier ajax.php il me retourne des ?:(
05/06/2007, 15h12
E.Bzz

Citation:

Envoyé par furth

mon fichier ajax.php contiendra un tableau avec des requetes et des boucles (if, while ...)

Peu importe le code PHP. Ce qui compte, c'est ce qui arrive dans responseText ;)

A+
05/06/2007, 15h13
E.Bzz

Citation:

Envoyé par furth

Une dernière question, sauriez vous pourquoi quand je met des accents ou autres caractères spéciaux dans le fichier ajax.php il me retourne des ?:(

Pb de jeu de caractères certainement.

Sujet déjà abordé : une petite recherche fera le reste ...

A+
05/06/2007, 15h16
furth

Oki ben je vous remercie à tous les deux de m'avoir apporté votre aide, j'arrive à mes fins...

A la prochaine..:yaisse2: