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 :

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

function ajax() {

// Je ne sais pas quoi mettre ici.

}

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

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]

	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);
	}

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

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

 

[sff]

suite

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:

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 :

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