javascript - 在 Modal asp.net mvc 中使用 ajax 添加数据

Question

我有一个带有 Bootstrap 的模式，允许我使用 ajax 在数据库中添加一些数据..之后我在部分 View 中加载数据并显示它(经典)

这是我的 Controller :

     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);
    }

当我返回部分 View 时的问题 PartialCommentaire那是带有数据的表.. 表占用所有模态空间，就像模态占用表值一样..(这是逻辑，因为我返回了那个局部 View )

如果我返回:return Json(new { success = true }); 它会刷新页面，我不希望这样..

我必须返回什么，所以唯一要改变的是带有表格的局部 View

想你

编辑:(添加 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>

编辑2:我试过了，但还是不行!!

  <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

在将 Model.Commentaires 对象传递给第二个分部 View 之前，您确定它有数据吗？