使用ASP.NET MVC,Ajax化一个简单表单的首选方法是什么？

Question

我想在网页上添加一个简单的评论/消息框.当用户输入注释并点击提交时,我想将此消息保存到数据库并将注释添加到页面上显示的列表中,而不刷新整个页面.

但是,我不确定这些天最好的方法.我正在使用ASP.NET MVC 2.我一直在尝试阅读使用JQuery来实现这种功能,但是我无法全面了解正确的方法并且也不过时(即它是使用MVC 1或更早版本的JQuery的预览版本.

我可以找到不同部分的片段,但没有关于它们如何一起工作的信息,或者信息似乎已经过时并且不再有效.

有人能指出我正确的方向吗？

理想情况下,我正在寻找一个简单的JQuery代码示例,一个HTML表单中与普通post方法的任何关键差异的片段,以及MVC Controller中使用的基本方法.我需要一些东西来帮助理解的灯泡打开.:)

任何帮助将不胜感激!!

Answer 1

我经常这样做

<form action="/controller/action" method="post" id="formID">
</form>

$("#formID").submit(function(){
  var form = $(this);
  $.post(form.attr("href"), form.serialize(), function(data){/*manipulate page*/}, "text")
  return false;
});

MVC控制器就像你没有使用Ajax一样,除了你可能返回一个不同的视图 - 一个不包含整页标记的视图,这取决于你想从服务器获得什么数据.您可能根本不需要返回任何数据 - 您的"操作页面"代码可能已经拥有了所需的所有信息.