Discussion :

[lelapinrusse]

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 :

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

[_Mac_]

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

[lelapinrusse]

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

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
 
 
<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()" />

[_Mac_]

Ca me paraît correct. Seule question : le innerHTML marche avec tous les navigateurs avec lesquels tu veux utiliser ton appli ?

[lelapinrusse]

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

Code :

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

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.

[_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.