[AJAX] Rafraichir le contenu d'une div

Version imprimable

J'utilise un peu l'ajax sur mon site.
A chaque fois, il y a envoi de donnee qui sont traitées par une page php et grace à l'ajax, la reponse s'affiche comme ceci:

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
 
 
<script type="text/javascript" src="XHRConnection.js"></script>
 
<script type="text/javascript">
 
function remplirChamp(obj) 
{
	document.getElementById('reponse').innerHTML = obj.responseText;
}
 
 
function sendData()
{
var XHR = new XHRConnection();
XHR.appendData('Nom', document.getElementsByName('Nom')[0].value);
XHR.appendData('Prenom', document.getElementsByName('Prenom')[0].value);
XHR.appendData('Adresse', document.getElementsByName('Adresse')[0].value);
XHR.appendData('CP', document.getElementsByName('CP')[0].value);
XHR.appendData('Ville', document.getElementsByName('Ville')[0].value);
XHR.appendData('Mail', document.getElementsByName('Mail')[0].value);
XHR.sendAndLoad('sendinscription.php', 'POST', remplirChamp);
 
</script>
 
et un bouton
 
<img src="" onclick="sendData()" />
 
et ma div:
 
<div id="reponse"></div>

Cette fois, je voudrais "tout simplement" rafraichir le contenu d'une div sur le click d'un bouton mais sans poster d'information.

Quelqu'un peut-il m'aider ?

27/04/2008, 20h44
_Mac_

Je comprends pas : c'est pas ce que fait déjà le bout de code que tu donnes ?

J'ai finalement ecris cela mais je voudrais savoir si c'est "propre"

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
 
 
<div id="trois"></div>
 
<script type="text/javascript" src="XHRConnection.js"></script>
 
<script type="text/javascript">
 
function remplirChamp2(obj) 
{
	document.getElementById('trois').innerHTML = obj.responseText;
}
 
function afficher()
{
	var XHR = new XHRConnection();
	XHR.appendData(null);
	XHR.sendAndLoad('heure.php', 'POST', remplirChamp2);
}
 
 
</script>
 
 
<input type="button" name="Refresh" value="Refresh" onclick="afficher()" />

28/04/2008, 10h58
_Mac_

Ca me paraît correct. Seule question : le innerHTML marche avec tous les navigateurs avec lesquels tu veux utiliser ton appli ?
28/04/2008, 16h53
lelapinrusse

Je demandais si s'etais propre car en fait ma ligne

Code:

XHR.appendData(null);

cree un truc vide à envoyer, ca me paraissais un peu con. Bref
J'ai essayer avec IE et Mozilla et ca marchais.
J'etais meme pas au courant que ca marchais par partout...

Merci du coup de main. Je suis vraiment mauvais en AJAX.
28/04/2008, 17h14
_Mac_

Oui et non : t'es pas obligé d'envoyer des données en faisant un POST. J'urais peut-être plutôt mis "", mais si ça passe avec null, je ne vois pas le problème.