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 :
La fonction php contenant le code php :
code ajax qui ne fonctionne pas:
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.');
}
}
}