JQuery - Отправить форму асинхронно

Question

У меня есть форма, такие как:

<form action='???' method='post' name='contact'> 
     <input type="text" class="inputContact" name="mittente" /> 
     <textarea class="textContact" name="smex"></textarea> 
     <input type="submit" value="Send" /> 
    </div> 
</form> 

Я хотел бы отправить эти данные асинхронно, trought функцию JQuery $.ajax.

EDIT: с раствором:

<form name='contactForm'> 
    <input type="text" class="inputContact" name="mittente" /> 
    <textarea class="textContact" name="smex"></textarea> 
    <input type="submit" value="Send" /> 
</form> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $('form[name=contactForm]').submit(function(e){ 
     e.preventDefault(); 
     $.ajax({ 
      type: 'POST', 
      cache: false, 
      url: './ajax/header_ajax.php', 
      data: 'id=header_contact_send&'+$(this).serialize(), 
      success: function(msg) { 
       $("#boxContentId").html(msg); 
      } 
     }); 
    });  
});   
</script> 

Answer 1

$('form[name=contact]').submit(function(){ 

    // Maybe show a loading indicator... 

    $.post($(this).attr('action'), $(this).serialize(), function(res){ 
     // Do something with the response `res` 
     console.log(res); 
     // Don't forget to hide the loading indicator! 
    }); 

    return false; // prevent default action 

}); 

См:

• jQuery docs: post
• jQuery docs: serialize