| 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']; |