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。

編輯：與解決方案：

<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