[jquery + ajax] invio form senza reload pagina

[Walessio]

RTFM:

http://api.jquery.com/jQuery.post/

e cerca "Example: send form data using ajax requests"

[fmortara]

<form name="formNAME" id="formID" action="page.php" method="post" />

   <input type="text" name="campo1" />
   <input type="text" name="campo2" />
   <input type="text" name="campo3" />

   <input type="image" src="path/to/image" />

</form>

$document.ready(function(){
   $.post("page.php", $("#formID").serialize());
   return false;
});

Questo dovrebbe intercettare direttamente il submit del form? Perchè non lo fa.
o si deve mettere qualcosa al submit del form?

[Xinod]

no, quello dovrebbe inviare il form via ajax non appena l' xhtml e' disponibile,
a patto di cambiare questo $document in $(document)

come ti e' gia' stato suggerito

$document.ready(function(){
  $('#formID').submit(function() {
    // quello che devi fare, per es.
    $.post("page.php", $("#formID").serialize());
    return false;
  });
});

blocca l' invio normale e invia via ajax

[fmortara]

Ho risolto col codice trovato qui:
http://www.roseindia.net/ajax/jquery/formPost.html

Che mi pare lo stesso di questo, (http://jquery.malsup.com/form/) che avevo già usato... evidentemente sbagliando qualcosa.

ah! L'alert non lo mostra anche se lo lascio nel codice.

[fmortara]

Originariamente inviato da Xinod
no, quello dovrebbe inviare il form via ajax non appena l' xhtml e' disponibile,
a patto di cambiare questo $document in $(document)

come ti e' gia' stato suggerito

$document.ready(function(){
  $('#formID').submit(function() {
    // quello che devi fare, per es.
    $.post("page.php", $("#formID").serialize());
    return false;
  });
});

blocca l' invio normale e invia via ajax

Ho scritto mentre scrivevi tu, avevo la finestra aperta da un po.
grazie per il reply.

[fmortara]

Il mio form, ha un unico campo text, che all'invio resta compilato.
Come posso fare per svuotarlo al submit?

<script type="text/javascript">
   // wait for the DOM to be loaded 
   $(document).ready(function() {
	// bind 'bidForm'
	$('#bidForm').ajaxForm(function(data) {});
	return false;
   });
</script>