stephane hanazir's Profile

allez plus loin avec AJAX et XMLHttpRequest

onClick="alert('événement 1');alert('événement 2');"

Les objets XMLHttpRequest de Javascript : ce sont des objets que tu instancie et appelle depuis un fonction javascript, et qui permettent de faire appel, par exemple puisque c'est ton cas, à un fichier de traitement PHP, et à interpréter son retour.



Je te met un exemple ici tout simple pour que tu comprenne le principe :



Une page nommée "test.php" :

<script language="javascript">

function fonction ( ){
		
		var texte = document.getElementById("champ").value;
		
		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; 
	   } 
	 
	   xhr_object.open("POST", "./traitement.php", true);
	     
	   xhr_object.onreadystatechange = function() { 
	      if(xhr_object.readyState == 4) {
			 //alert(xhr_object.responseText); // DEBUG MODE
			 // --- ICI le retour (c'est à dire tout ce qui est écrit dans le fichier de traitement)
			 // --- est interprété, donc il suffi d'écrire du code JS dans traitement.php pour
			 // --- qu'il soit interprété au retour.
	         eval(xhr_object.responseText);
		  }
	   } 
	 
	   xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	   // --- ICI TU PASSE TES ARGUMENTS AU SCRIPT :
	   var data = "donnee="+texte;
	   xhr_object.send(data);
	
}

</script>

<form>
<input type="text" id="champ">
<input type="button" value="enregistrer" onclick="javascript:fonction()">
</form>

et la page 'traitement.php', située au même endroit :

<?php

// --- On écrit un script JS pour qu'il soit interprété dans l'objet
// --- XHR au retour du script
echo "alert('Valeur a enregistrer dans la base : ".$_POST["donnee"]."');";
// --- Mais on peut faire toute sorte de chose,
// --- Comme mettre à jour sa base de donnée,
// --- sélectionner dans la base et retourner des résultats pour mettre
// --- à jour graphiquement une interface, et ce, 
// --- sans le moindre rechargement de page que ce soit !

?>

Interaction avec une base de données SQL

On imagine une table, nommée mytable, dotée des colonnes nommées var1 et var2.

Cell Phone vs. Bible
 I wonder what would happen if we treated our Bible like we treat our
 cell phones?

 What if we carried it around in our purses or pockets?

 What if we turned back to go get it if we forgot it?

 What if we flipped through it several times a day?

 What if we used it to receive messages?

 What if we treated it like we couldn't live without it?

 What if we gave it to kids as gifts?

 What if we used it as we traveled?

 What if we used it in case of an emergency?

 What if we upgraded it to get the latest version?

 This is something to make you go, hmmm, where is my Bible?

 Oh, and one more thing. Unlike our cellphones, we don’t ever have to worry
 about our bible being disconnected because Jesus already paid the bill!
, C'on guys tell me your views!

   Have a blessed day!

Cell Phone vs. Bible
 I wonder what would happen if we treated our Bible like we treat our
 cell phones?

 What if we carried it around in our purses or pockets?

 What if we turned back to go get it if we forgot it?

 What if we flipped through it several times a day?

 What if we used it to receive messages?

 What if we treated it like we couldn't live without it?

 What if we gave it to kids as gifts?

 What if we used it as we traveled?

 What if we used it in case of an emergency?

 What if we upgraded it to get the latest version?

 This is something to make you go, hmmm, where is my Bible?

 Oh, and one more thing. Unlike our cellphones, we don’t ever have to worry
 about our bible being disconnected because Jesus already paid the bill!
, C'on guys tell me your views!

   Have a blessed day!