使用jQuery發佈表單並將其添加到頁面

Question

嘿！
我對形式驗證碼：

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

我也有這個代碼的頁面：

 
<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> 

這是可能的使用jQuery發送而不必重新加載的形式，整個頁面？我可以回覆表格的回覆並將回覆放在第一個<div class="content">的頂部嗎？
注意：我有多個同一類的表單。
非常感謝！

Answer 1

要提交使用jQuery一個形式，我相信你需要檢查了這一點：http://api.jquery.com/submit/

而且我相信你可以用下面的檢索提交的數據：

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

Answer 2

是的，發送的形式jQuery相當簡單。

有一個簡單的功能與AJAX發佈數據，並且很容易在窗體的值，以配合：

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

$.post是簡單的方法。如果你需要檢查錯誤以及什麼，你應該檢查$ .ajax（http://api.jquery.com/jQuery.ajax）。

Answer 3

是的，這當然是可能的，使用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'); 
     } 
    ); 
});