jquery - 使用 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 发送表单相当简单。

有一个简单的函数可以使用 AJAX 发布数据，并且很容易绑定(bind)表单的值:

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

$.post 是简单的方法。如果您需要检查错误等，您应该查看 $.ajax (http://api.jquery.com/jQuery.ajax)。