Ajax

page1.html
<html>
<form name="form1" method="post" action="test.php">
<input type="text" name="variable1" value="coco"><br />
<input type="submit" name="envoyer" value="Vers test"><br />


</form>
</html>

<?php

$az = $_POST['variable1'];
echo 'La valeur reçue est :'.$az;
?> 

<script type='text/JavaScript'>
function go(){

var xhr_object = false;

	//créer une instance (un objet) de la classe désirée fonctionnant sur plusieurs navigateurs
        if (window.XMLHttpRequest) { // Mozilla, Safari,...
            xhr_object = new XMLHttpRequest();
            if (xhr_object.overrideMimeType) {
                xhr_object.overrideMimeType('text/xml');//un appel de fonction supplémentaire pour écraser l'en-tête envoyé par le serveur, juste au cas où il ne s'agit pas de text/xml, pour certaines versions de navigateurs Mozilla
            }
        } else if (window.ActiveXObject) { // IE
            try {
                xhr_object = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
        }

        if (!xhr_object) {
            alert('Abandon :( Impossible de créer une instance XMLHTTP');
            return false;
        }
		  
	var url = "test.php";
	var dede = "ca marche";
	var pos="variable1=coco&variable2=coco2";
//cette ligne avant la partie open et send !!
	xhr_object.onreadystatechange = function() {traitementReponse(xhr_object); }

	xhr_object.open("POST", url, true);
	xhr_object.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	alert ("Data envoyées: "+pos);

	xhr_object.send(pos);
}
////fonction traitement de la réponse
function traitementReponse(xhr_object) {
	var affich="";
	if (xhr_object.readyState == 4) {
		if (xhr_object.status == 200) {
					// cas avec reponse de PHP en mode texte:
			// elements reçus
			var reponse=xhr_object.responseText;
			alert(reponse);
				
		} 
		else {
                alert('Un problème est survenu avec la requête.');
        }
    }
}
</script>
<a href="javascript:go();">essai</a>

<script type='text/JavaScript'>
function go(){

var xhr_object = null;

	if(window.XMLHttpRequest){ // Firefox
			xhr_object = new XMLHttpRequest();
	}else if(window.ActiveXObject){ // Internet Explorer
		xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
	}else { // XMLHttpRequest non supporté par le navigateur
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
		return;
	}
	var url = "test.php";
	var dede = "ca marche";
	var pos="variable1=coco&variable2=coco2";
	//xhr_object.open("POST", url, false);
	xhr_object.open("POST", url, true);
	//xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=iso-8859-1");
	xhr_object.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	alert ("Data envoyées: "+pos);
	xhr_object.send(pos);

	if(xhr_object.readyState == 4 && xhr_object.status == 200){
		alert("Requête effectuée !");
		alert(xhr_object.responseText);
	}else {

		alert("Requête NON effectuée !");
	}
}
</script>