ott
18
Avete voglia di un po’ di ajax?
Passiamo subito alla pratica:
Codice
<form id=”mioform” action=”pagina.php” method=”post”>
<input type=”text” name=”nome”/>
<input type=”text” name=”cognome”/>
<input type=”submit” value=”Procedi”/>
</form>
<input type=”text” name=”nome”/>
<input type=”text” name=”cognome”/>
<input type=”submit” value=”Procedi”/>
</form>
Se siamo in una situazione del genere e vogliamo usare ajax, ci verrà incontro jQuery.
Grazie alla funzione serialize() di jQuery
possiamo raccogliere i dati, ma vediamo come fare passo passo:
Per prima cosa modificate il pulsante in questo modo:
Codice
<input type=”button” value=”Procedi” onclick=”manda_form()”/>
Poi create la funzione:
Codice
function manda_form(){
var str = $(“#mioform”).serialize();
var action = $(“#mioform”).attr(‘action’);
$.post(action, str);
}
E adesso il vostro form è in ajax.
Ti piace Come imparare jQuery: Form ed Ajax? allora seguici.
Segnala subito l'articolo
