Script ajax: Esempio base ajax con scriptaculous

difficoltà:

Script simili
6/9/2006

Scaricate dal sito http://script.aculo.us/ la libreria scriptaculous. Per l'esempio base vi servono solo 2 file della libreria, gli altri sono accessori. Prendiamo i file prototype.js dalla cartella lib e scriptaculous.js dalla cartella src. mettiamoli ad esempio in una cartella scriptaculous.
Ora ripropongo l'esercizio di ajax base. Con questo semplice script invieremo via querystring una variabile da una pagina, la quale elaborerà il risultato, che verrà scritto in un div della pagina.
Il file res.php resta uguale.

<?
header("Content-type:text/html;charset=iso-8859-1");
//$secretword = $_REQUEST['w'];
$secretword = $_GET['w'];
echo "<p>La parola inserita è <b>$secretword</b>.</p>";

?>

Nell'altro file avremo:

<script src="scriptaculous/prototype.js"></script>
<script src="scriptaculous/scriptaculous.js" type="text/javascript"></script>

<script type="text/javascript" language="javascript">
	function makeRequest(){
	var myAjax = new Ajax.Updater( "result", "res.php?w=script", { method: 'get'});
	}
</script>

<a href="javascript:void(null)" onclick="makeRequest()">
        Make a request
</a>

<div id="result"></div>