Ajax

[sff]

Bonjour, j'ai un problème.

J'aimerais que lorsque je clique sur un bouton input, ca m'affiche une alert Javascript présent dans une page php, sans recharger la page, c'est à dire avec ajax.

Voici le code actuel :

bouton :

Code: Tout sélectionner

<form action="" method="post" name="post" onsubmit="ajax(); return false">
<input onclick="document.getElementById(\'bloc_affichage\').innerHTML = \'\';" name="name" value="" type="submit">
</form>

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


Fonction ajax :

Code: Tout sélectionner

function ajax() {

// Je ne sais pas quoi mettre ici.

}


Alert que l'on doit afficher après le clic sur le bouton :

Code: Tout sélectionner

function submit_map() {

   echo 'alert("text")';
   
}

[spout]

Si tu regardais du côté de jQuery et de la fonction load()?

http://api.jquery.com/
Ajax > Ajax Requests > load(url, data, callback)

[ménovicien]

Code: Tout sélectionner

   function ajax(){
      var xhr=null;
      
      if (window.XMLHttpRequest) {
         xhr = new XMLHttpRequest();
      }
      else if (window.ActiveXObject) {
         xhr = new ActiveXObject("Microsoft.XMLHTTP");
      }

      xhr.open("GET", "http://www.tonsite.com/ajax/script.php", false);
      xhr.send(null);
      
      obj = document.getElementById("bloc_affichage");

      // remplir la div
      obj.innerHTML = xhr.responseText;
      // ou un alert
      alert(xhr.responseText);
   }

Code: Tout sélectionner

<form action="" method="post" name="post" onsubmit="">
<input onclick="ajax()" name="name" value="" type="submit">
</form>

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

[sff]

Ok ca fonctionne, mais comment faire pour exécuter des alert js en fonction du bouton.

Genre dans la page php on aurait ceci au lieu d'avoir une seule alert js:

Code: Tout sélectionner

if (isset($_POST["bouton1"])) {  echo 'alert("bouton 1")';}
if (isset($_POST["bouton2"])) { echo 'alert("bouton 2")';}
if (isset($_POST["bouton3"])) { echo 'alert("bouton 3")';}
if (isset($_POST["bouton4"])) { echo 'alert("bouton 4")';}

Et au lieu d'avoir 1 bouton, on en a 4 :

Code: Tout sélectionner

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