使用 Ajax.BeginForm 发布的 ASP.NET MVC 返回空白视图

Question

我有一个包含多个输入的页面 - 我正在使用 Ajax.BeginForm 为每组输入构建一个表单。

<% using (Ajax.BeginForm(new AjaxOptions() { InsertionMode = InsertionMode.InsertAfter, HttpMethod = "POST" }))
   { %>
     <input class="smallInput" type="text" name="duration"/>
     <input type="submit" value="Add" />
<% } %>

控制器长这样

   [AcceptVerbs("POST")]
   public ActionResult AddExercise(FormCollection form)
   {

       // some save logic...

       return Content(string.Empty);

   }

这行得通 - 数据被提交到我的控制器并被保存。

但是，每次发生这种情况时，我的页面都会被空白页面替换。如果我从我的操作中显式返回一个视图，则会出现该视图。但我希望它提交表单，让我现有的页面保持原样。

Answer 1

我的页面中没有包含 MVC Ajax javascript 文件。添加这些包含解决了问题。

Answer 2

您需要指定要更新的 DOM 元素的 id：

<% using (Ajax.BeginForm(new AjaxOptions() { 
    UpdateTargetId = "someID", 
    InsertionMode = InsertionMode.InsertAfter, 
    HttpMethod = "POST" }))
{ %>
    <input class="smallInput" type="text" name="duration"/>
    <input type="submit" value="Add" />
<% } %>