obtenir une reponse a la meme page ajax

[new-root]

bonsoir ,
je veux récupérer une réponse au mémé page avec Ajax

voici mon code

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
 
<script>
function submitForm()
{ 
var xhr; 
try {  xhr = new ActiveXObject('Msxml2.XMLHTTP');   }
catch (e) {
try {   xhr = new ActiveXObject('Microsoft.XMLHTTP');    }
catch (e2) {
try {  xhr = new XMLHttpRequest();     }
catch (e3) {  xhr = false;   }}}
xhr.onreadystatechange  = function()
{ 
if(xhr.readyState  == 4)
{
if(xhr.status  == 200) 
document.ajax.dyn="Received:"  + xhr.responseText; 
else 
document.ajax.dyn="Error code " + xhr.status;
}
}; 
xhr.open( GET", "reponse.php?chat=$chat",  true); 
xhr.send(null); 
} 
</script>

html code

Code :

1
2
3
4
5
6
7
 
<FORM method="POST" name="chat" action="">                  
<INPUT type="text" name="chat"  value=""> 
<INPUT type="BUTTON" value="Submit"  ONCLICK="submitForm()">
</FORM>
 
<div id="resultat"></div>

je veux poster une question sur l'input "chat" et obtenir la réponse depuis la page "reponse.php?chat=la question ici" et la réponse ce mette sur le div <div id="resultat"></div> avec aucun chargment du page

svp une petit aide pour que je résoudre ce code

[SpaceFrog]

As tu été jeter un œil par là ?
http://ajax.developpez.com/cours/

[new-root]

oui j'ai déjà jeter un œil

mais j'ai juste un petit problème a règle sur ce code

[SpaceFrog]

brn si tu avais été voir les liens proposés tu aurais vu comment mettre la réponse dans un div ...

Code :

1
2
3
4
5
6
7
8
if(xhr.status  == 200) {
document.ajax.dyn="Received:"  + xhr.responseText; 
// ici tu as la réponse
// suffit de l'attribuer en innerHTML dans la cible souhaitée ...
}alert(xhr.responseText}
else {
document.ajax.dyn="Error code " + xhr.status;
}