モーダルのasp.net MVCでAJAXを使用してデータを追加

Question

私は私が私が部分図でデータをロードすることをajax..after使用して、データベース内のいくつかのデータを追加して（クラシック）

を表示することができ、ブートストラップとモーダルを持っています私はデータを持つテーブルである部分ビューPartialCommentaire を返すとき...テーブルがモーダルは、テーブル値を取るように、それはだ、すべてのモーダルスペースを取るという問題が...

 public ActionResult AjouterCommentaire(TacheViewModel viewModel) 
    { 

     viewModel.NVcommentaire.DateCommentaire = DateTime.Now; 
     viewModel.NVcommentaire.UtilisateurId = 4 ; 

     db.Commentaires.Add(viewModel.NVcommentaire); 
     db.SaveChanges(); 



     return PartialView("PartialCommentaire", db.Commentaires); 
    } 

（と：これは私のコントローラであり、その部分的な見解を返すのは論理だ）

私が戻る場合：return Json(new { success = true });それはページをrefreshh、と私はそれを望んではいけない..私は変更する唯一の事は

はあなた

考えるテーブルとpartialviewになりますので、返却する必要があり

何編集：（HTMLを追加）

 @using (Ajax.BeginForm("AjouterCommentaire", new AjaxOptions { UpdateTargetId = "partialSummaryDiv" })) 
     { 
       <p> 
        <input type="submit" value="Create" /> 
       </p> 
         <div class="col-md-4"> 
          @Html.TextAreaFor(model => model.NVcommentaire.TxtCommentaire, new { @class = " form-control", @placeholder = "Ajouter un Commentaire", @rows = "7" }) 
         </div> 
     } 
         <div class="col-md-8" id="partialSummaryDiv"> 
          @{ Html.RenderPartial("PartialCommentaire", Model.Commentaires); } 
         </div> 


      </div> 

EDIT2： が、私はこれを試してみましたが、それはまだworkiありませんng !!

<script> 
$(document).ready(function() { 
    $.ajax({ 
     url: "/Tache/AjouterCommentaire", 
     type: "POST", 
     success: function (result) { 
      // refreshes partial view 
      $('#partialSummaryDiv').html(result); 
     } 
    }); 

}); 

とするdiv要素を変更：

<div class="col-md-8" id="partialSummaryDiv"> 
    @{ Html.RenderPartial("PartialCommentaire", Model.Commentaires); } 

Answer 1

はあなたが第2の部分のビューに渡す前に、Model.Commentairesオブジェクトは、データを持っていますか？