Html/JavaScript | ce qui transite | Serveur ( PHP ) | ||
---|---|---|---|---|
° l'utilisateur lance son navigateur la page d'accueil est affichée. il saisit l'adresse d'un site et celle de la page à appeler url.fr/debut.php puis valide |
—> | http://www.url.fr/debut.php |
—> | url.fr/debut.php démarre |
° le message "Tue Jun 24 2008 18:39:06 GMT+0200" est affiché. l'utilisateur appuie sur "ok" l'écran affiche : lien |
<— | <script> alert("Tue Jun 24 2008 18:39:06 GMT+0200"); </script> <a href="suite1.php?p1=v1">lien</a> |
<— | <script> alert("<?php echo date("F j, Y, g:i a");?>"); </script> <a href="suite1.php?p1=v1">lien</a> |
l'utilisateur clique sur le lien |
—> | http://www.url.fr/suite1.php?p1=v1 |
—> | on peut gérer $_GET['p1'] qui contient 'v1' url.fr/suite1.php démarre |
<— | <form action="suite2.php" method="post"> <input type="text" name="p2" value="v1" /> <input type="submit" value="envoyer" /> </form> |
<— | <form action="suite2.php" method="post"> <input type="text" name="p2" value="<?php echo $_GET['p1'];>" /> <input type="submit" value="e,voyer"/> </form> | |
l'utilisateur clique sur "envoyer" |
—> | http://www.url.fr/suite2.php + ( p2=v1 ) en method POST |
—> | on peut gérer $_POST['p2'] qui contient 'v1' url.fr/suite2.php démarre |
<— | <script type="text/javascript"> function ajax() { var xml = new XMLHttpRequest(); xml.open('GET', 'ajax1.php?p3=v1>', false); alert(xml.responseText); } </script> <button onclick="ajax();">appel</button> |
<— | <script type="text/javascript"> function ajax() { var xml = new XMLHttpRequest(); xml.open('GET', 'ajax1.php?p3=<?php echo $_POST['p2'];?>', false); alert(xml.responseText); } </script> <button onclick="ajax();">appel</button> |
|
l'utilisateur clique sur le bouton "appel" |
—> | http://www.url.fr/ajax.php?p3=v1 avec AJAX |
—> | ajax1.php démarre on peut utiliser $-GET['p3'] |
le message "reçu : v1" est affiché l'utilisateur en a raz le bol et clique sur la petite croix rouge en haut à droite de la fenêtre |
<— | reçu : v1 |
<— | echo 'reçu : '.$_GET['p3']; |