[AJAX] Syntaxe

Version imprimable

[AJAX] Syntaxe

Je voudrais utiliser Ajax pour ceci

Un click sur une image img1.gif doit
1) Faire envoyer une variable php sur le serveur
2) Faire un update sur ma base
3) Au retour l'image doit etre remplacée par img2.gif

J'ai une variable php connue nommée $ma_variable
que je n'affiche pas cependant dans la page (donc pas de DIV ID)

Pour expedier ma variable en POST comment dois-je faire ?

Code:

<img src="tampon.gif" onclick="go()">
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function go(){ getXhr(); xhr.onreadystatechange = function(){ if(xhr.readyState == 4 && xhr.status == 200){ monretour = xhr.responseText; document.getElementById('...................').innerHTML = monretour; } } //je poste et fait ma requete xhr.open("POST","../ajax.php",true); xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); xhr.send("ID="+.........); }
Que dois-je mettre à la place des pointillés ?

Merci à tous

Bonjour,

Peut-etre qu'en passant ta variable php à la fonction go() et en mettant un div autour de ton image ça pourrait marcher :

Code:

1
2
3
4
5
 
<?php
 
echo '<div id="image" ><img src="tampon.gif" onclick="go('.$taVariable.')"></div>';
?>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
function go(taVariable){
getXhr();
xhr.onreadystatechange = function(){
 
if(xhr.readyState == 4 && xhr.status == 200){
monretour = xhr.responseText;
document.getElementById('image').innerHTML = monretour;
}
}
 
//je poste et fait ma requete
xhr.open("POST","../ajax.php",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
xhr.send("ID="+taVariable);
}

Si tu utilises toujours la même variable (enfin dans cette page générée par PHP), tu peux directement le mettre dans la méthode (javascript) go :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
function go(){
getXhr();
xhr.onreadystatechange = function(){
 
if(xhr.readyState == 4 && xhr.status == 200){
monretour = xhr.responseText;
document.getElementById('...................').innerHTML = monretour;
}
}
 
//je poste et fait ma requete
xhr.open("POST","../ajax.php",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
xhr.send("ID=<?php echo $taVariable; ?>");
}

22/11/2007, 20h44
pierre50

Apres prise de tete en isolant morceau par morceau,
la bonne solution était celle de fayred

Ta solution, Denis, ne fonctionne pas... ???
La page est faite sur le serveur mais le script est appelé puis généré sur le client
C'est pas cela le problème ?

Merci beaucoup pour votre aide