Voici le fichier de demo qui vas avec MAJAX il est très commenté pour la compréhension.
<?php
//////////////////////////////////////////////////////
// Author : Michel Stockman
// Date : 25/06/2008
// Description : Démo utilisation MAJAX
//////////////////////////////////////////////////////
// Ca code est délibérément simple pour montré la façilité d'utilisation de Majax
// Il n'est pas très fonctionnel mais suffisant pour comprendre le système de requête etrésultat
// Inclusion du fichier majax.php
require_once("majax.php");
/*
Cette page de démo est à la fois la page qui lance la requete et celle qui y répond
avec l'utiliation de ma fonction
majax_request_me(paramètres, destination)
mais ca pourais très bien être des page différentes
avec l'utilisation de ma fonction
majax_request(url, paramètres, destination)
dans ce cas on lui passe en plus l'url de la page
et si on veut encore faire plus simple on peux utiliser ma fonction
majax_form_submit(form_object, url, destination)
ici on ne lui passe pas de paramètre mais directement l'objet form qui envoie
tous les champs de cette form.
*/
// Ici on vérifie si $_POST['action'] n'est pas vide. Dans ce cas ca signifie
// que la page est appelée par la méthode httpRequest et on vas y répondre
// ce paramètre 'action' est définit lors de l'appel de ma fonction majax_request_me
if ($_POST['action']<>'') {
// On vérifier la valeur du paramètre action pour savoir l'action à entreprendre
switch ($_POST['action']) {
case "double" :
// ici on double me montant reçu
$double=$_POST['montant']*2;
// on revoie le résultat avec la fonction majax_return on peux tout renvoyer
majax_return("Le résultat est ".$double);
break;
case "recherche" :
// si on à placé des blans dans les mots clef on remplace par un '+' pour google
$_POST['mot_clef']=str_replace(' ','+',$_POST['mot_clef']);
// on récupère dans résultat le cretour de la page de recherche google
$resultat=file_get_contents("http://www.google.be/search?hl=fr&q=".$_POST['mot_clef']."&btnG=Recherche+Google&meta=");
// on retourne le résultat
majax_return($resultat);
break;
}
}
//////////////////////////////////////////////////////////////////////////////////
// Partie HTML
/////////////////////////////////////////////////////////////////////////////////
?>
<p>MAJAX Exemple par Michel Stockman</p>
<hr />
<p>Double un nombre</p>
<FORM method="POST" name="form1" action="">
<!--
Ici le champ qui vas recevoir le nombre et à chaque frape de touche on appele la fonction :
majax_request_me('&action=double&montant='+document.form1.montant.value,'resultat1');
On signale que l'action est double (comme paramètre)
On signale que le montant est document.form1.montant.value (comm paramètre)
et on signale que la <DIV> pour réceptioner le résultat est 'resultat1' si on place comme résultat un nom de fonction c'est elle qui
sera appelée avec le résultat en paramètre.
-->
<INPUT name="montant" type="text" class="content" onKeyUp="majax_request_me('&action=double&montant='+document.form1.montant.value,'resultat1');" value="">
<div id="resultat1"></div>
</FORM>
<hr />
<p>Recherche google</p>
<FORM method="POST" name="form2" action="">
<!--
Ici le champ qui vas recevoir les mots clef et à chaque frape de touche on appele la fonction :
majax_request_me('&action=recherche&mot_clef='+document.form2.mot_clef.value,'resultat2');
On signale que l'action est recherche (comme paramètre)
On signale que mot-clef est document.form2.mot_clef.value (comm paramètre)
et on signale que la <DIV> pour réceptioner le résultat est 'resultat2' si on place comme résultat un nom de fonction c'est elle qui
sera appelée avec le résultat en paramètre.
-->
<INPUT name="mot_clef" type="text" class="content" onKeyUp="majax_request_me('&action=recherche&mot_clef='+document.form2.mot_clef.value,'resultat2');" value="">
<div id="resultat2"></div>
</FORM>