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

を。それらを加えることは問題を解決することを含む。

Answer 2

あなたが更新したいDOM要素のidを指定する必要があります。私は私のページでMVCのAjax JavaScriptファイルを含めていなかった

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