Script ajax: Esempio base ajax con scriptaculous

   difficoltà:  script script script script script

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>


Social:


Donazione:
Se questo script ti è stato utile e ti ho fatto risparmiare tempo e denaro fai una
qualsiasi cifra è ben accetta! 1€, 3€, 5€ ,10€, 50€ ;-) fai te!

Permalink: Tag: Script Simili: Permalink: Link utili:
Tools:
Feed RSS    



Commenti


  Marlenek

29/9/2006 12:33:31

Un parere: a corredo del codice sarebbe interessante poter vedere-provare degli esempi "demo". Ciao!

  Fabio

29/9/2006 13:52:36

grazie per il contributo ;-)

diciamo che work in progress:
- demo online
- download esempio
- link utili per approfondire



Lascia un commento


Codice di controllo*:
Nome*:
Email/Link:
Testo*:
 
I campi contrassegnati con * sono obbligatori.