Ajax : Executer un code php via des boutons input

WRInaute impliqué
Bonjour, j'ai un petit soucis. J'aimerais faire fonctionner un code php après avoir cliquer sur un des 4 boutons, et tout ca avec ajax.

Actuellement j'ai ceci :

4 boutons + div d'affichage :


Code:
<form action="" method="post" name="post" onsubmit="">

<input onclick="ajax()" name="bouton1" value="" type="submit">

<input onclick="ajax()" name="bouton2" value="" type="submit">

<input onclick="ajax()" name="bouton3" value="" type="submit">

<input onclick="ajax()" name="bouton4" value="" type="submit"> 

</form>



<div id="bloc_affichage"></div>



La fonction php contenant le code php :

Code:
function submit_map() {

if (isset($_POST["bouton1"])) { 

  echo 'alert("texte")';

}
	
if (isset($_POST["bouton2"])) { 

	// UPDATE SQL ICI
	
	}
if (isset($_POST["bouton3"])) {

	// UPDATE SQL ICI

}
if (isset($_POST["bouton4"])) { 

  echo 'alert("texte")';

}


}


code ajax qui ne fonctionne pas:


Code:
 function ajax(){ 
	
	xhr=getXMLHTTP();
	
	    xhr.open("POST", "?do=submit_map", true);  
 
 	
	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
 
 var data = quoi mettre ici ?;

ou mettre ceci ? :      obj = document.getElementById("map2"); 

	   xhr.send(data);
 
	
	xhr.onreadystatechange = function() {
 
 if (httpRequest.status == 200) {
                alert(httpRequest.responseText);
            } else {
                alert('Un problème est survenu avec la requête.');
            }
 
}
 
 
   }
 
WRInaute impliqué
suite

Comment ca ? Le code ajax que j'ai mi est pas bon.

Si on clique sur bouton1 je voudrais afficher une erreur js, si je clique sur bouton2 je voudrais uploader une requete.

Mais comment faire pour avoir un code ajax correct?
 
WRInaute accro
Et beh, t'as pas compris ce que tu as fais quoi ? :/

Il y a un gros problème au niveau de la reception des résultats. C'est plus un truc du genre:

Code:
    xhr.onreadystatechange  = function()
    { 
         if(xhr.readyState  == 4 && xhr.status  == 200)
         {
             //reception des données dans la méthode responseText
         }
    };
 
WRInaute accro
Oue vive le duplicate content.

Merci pour l'info ménovicien et si tu pouvais éviter de faire plusieurs posts sff ...
 
WRInaute impliqué
Yoyos justement pour réceptionner les données tu fais comment?

Et ou je met ceci : obj = document.getElementById("map2");
 
WRInaute occasionnel
oui il y a en effet un souci au niveau de ton js, si tu ne comprend pas tout, il y a des scripts tout fait sur dhtmlgoodies.com

Met les a ta sauce et applique l'éxécution de ton ajax à tes boutons ;)
 
Discussions similaires
Haut