submit di un form con ajax

[cane-nero]

ciao, ho bisogno di fare il submit di un form standard (in HTML) utilizzando ajax ma non so come recuperare la query-string che va a generare questo form al suo invio e quindi non so cosa mettere nel metodo send(). Qualcuno può aiutarmi?

[artorius]

se usi una libreria JS, hai a disposizione un metodo per farlo in automatico

[cane-nero]

quale libreria intendi?

[artorius]

una qualunque, jQuery, Mootools, PrototypeJS...

[cane-nero]

c' è qualcuno che può farmi un esempio di quale metodo e la sua relativa libreria? (non sono riuscito a trovare niente )

[artorius]

usando Mootools:

metti di avere la form:

<form id="myForm" action="...


fai semplicemente:

$('myForm').toQueryString(); ed ottieni la stringa con la query.


Ma puoi usare direttamente le funzioni di AJAX di Mootools:

var myHTMLRequest = new Request.HTML(
   {
      url:'file.php', 
      onSuccess: function(rspTree, rspEls, rspHTML, rspJS) {
         $('MyDiv').set('html', rspHTML);
      }
   }
).post($('myForm')); 

Lancia la richiesta AJAX, mandandogli in post i dati della form con ID = myForm e stampa la risposta del server nel div con id=MyDiv

[cane-nero]

magnifico ci sono riuscito, grazie!!!

[Pandolfo]

con PrototypeJS invece?

[artorius]

new Ajax.Request("path/to/action.php", {
   'method' : 'post',
   'parameters':  $('myForm').serialize(true), 
   onComplete : function(transport){
      var response = transport.responseText;
      //Quello che devi fare con la risposta response
   }
}); 

Altrimenti se devi far soltanto aggiornare il contenuto di un div con id="MyDiv"

new Ajax.Updater("MyDiv", 'path/to/action.php', {
   'method' : 'post',
   'parameters':  $('myForm').serialize(true)
}); 

[Pandolfo]

ok grazie. ma al submit nel secondo caso come richiamo la funzione?