[AJAX] Recharger juste le contenu d'un tableau

**furth** · 05/06/2007, 12h29

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 ??

**jmulans** · 05/06/2007, 14h16

bah c'est à ça que ça sert

des exemples y'en a des tas

**furth** · 05/06/2007, 14h22

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.

**furth** · 05/06/2007, 14h42

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

Fichier 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
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 :

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

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 ???

**jmulans** · 05/06/2007, 14h51

Code :

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

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

**E.Bzz** · 05/06/2007, 14h54

Bonjour,

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 :

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

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+

**E.Bzz** · 05/06/2007, 14h56

Il semblerait y avoir consensus ...

**furth** · 05/06/2007, 14h56

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

qu'entends tu par :

il vaudra mieux passer par le DOM pour les créer ...

**furth** · 05/06/2007, 15h09

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 ?

**E.Bzz** · 05/06/2007, 15h12

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+

**E.Bzz** · 05/06/2007, 15h13

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+

**furth** · 05/06/2007, 15h16

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

A la prochaine..

[AJAX] Recharger juste le contenu d'un tableau

JavaScript

Discussions similaires

Partager

Partager