Publier un formulaire avec jQuery et l'ajouter à la page

Question

Hey!
Je possède ce code pour la forme:

<form class="myform" name="myform" method="POST" action="post.php"> 
<textarea id="mytextarea" name="mytextarea"></textarea> 
<button>Share</button> 
</form> 

J'ai aussi ce code de la page:

 
<div class="content"> 
<div class="message">That message</div> 
<div class="info">Published 10/10/10 </div> 
</div> 
<div class="content"> 
<div class="message">That other message</div> 
<div class="info">Published 10/9/10 </div> 
</div> 

Il est possible d'envoyer le formulaire avec jQuery, au lieu d'avoir à recharger la page entière? Puis-je récupérer la réponse du formulaire et mettre la réponse dans le haut de la première <div class="content">?
Note: J'ai plusieurs formulaires avec la même classe.
Merci beaucoup!

Answer 1

Pour soumettre un formulaire en utilisant jQuery je crois que vous devez vérifier cela: http://api.jquery.com/submit/

Et je suis sûr que vous pouvez récupérer les données fournies avec les éléments suivants:

$('[name=mytextarea]').val()` 

Answer 2

Oui, l'envoi de formulaires avec jQuery est assez facile.

Il y a une fonction simple pour publier des données avec AJAX, et il est facile de lier les valeurs d'une forme:

$.post(url, $('#myform').serialize(), function(data) { 
    $('#content').prepend(data); 
}) 

$.post est la façon simple. Si vous avez besoin de vérifier les erreurs et autres, vous devriez vérifier $ .ajax (http://api.jquery.com/jQuery.ajax).

Answer 3

Oui, cela est certainement possible, en utilisant AJAX:

$('.myform').submit(function(e){ 
    var data = $(this).serialize(); 
    e.preventDefault(); 

    $.ajax({ 
     url: this.action, 
     type: 'POST', 
     success: function(data) { 
      $('#content').prepend(data); 
     }, 
     error: function() { 
      alert('oops, something went wrong'); 
     } 
    ); 
});