[Web2.0] Ajax con Prototype

Mar 12 Dic 2006 11:32:49 CET

ciao all,

sto cercando di avventurarmi nel mondo ajax, e prova e riprova non
vengo ancora a capo, cerco la retta via :)

sotto vi posto i file che sto utilizzando, quello che chiedo è :

- E il modo corretto di impostare Ajax con Prototype? 
  Se NO qual'è il modo migliore per farlo? Dove stò sbagliando nel codice?

- Perchè quando premo il "submit", la variabile viene passata, 
  ma nel div "output" non visualizzo nulla, o meglio se viene 
  visualizzato poi scompare subito?

se avete link suggerimenti o qualsiasi cosa che possa aiutarmi a capire
e a imparare vi ringrazio

file : index.htm

<html>
    <head>
        <title>Form</title>
        <script type="text/javascript" src="engine.js"></script>
        <script type="text/javascript" src="prototype-1.4.0.js"></script>
    </head>
    <body>
        <form name="f1">
            Nome : <input type="text" name="nome" id="nome">
            <input type="submit" name="action" value="invia" onClick="dataSend()">
        </form>
        <div id="output"></div>
    </body>
</html>

file : engine.js

function dataSend()
{
    var url = 'script.php';
    var pars = 'foo=bar';
    var target = 'output';
    var myAjax = new Ajax.Updater(target, url, {method: 'get', parameters: pars, asynchronous: true});
}

file : script.php

<?
   echo $_GET[foo];
?>

--
Massimiliano Marini - http://www.linuxtime.it/massimilianomarini/
"It's easier to invent the future than to predict it."  -- Alan Kay