你能更新局部视图而不是整页post吗？

有没有办法在asp.net mvc中提交部分视图表单而不重新加载父页面，但是只将部分视图重新加载到新状态？ 与knockout.js如何使用data-bind更新类似。

我的数据表使用可变数量的列/名称进行渲染，所以我不认为knockout.js是这个选项的一个选项，所以我尝试使用局部视图。

Answer 1

不是没有jQuery。

你需要做的是把你的Partial放在一个div中，比如：

 @Html.Partial("YourPartial")  

然后，要更新（例如，单击带有id button ），您可以执行以下操作：

 $("#button").click(function () { $.ajax({ url: "YourController/GetData", type: "get", data: $("form").serialize(), //if you need to post Model data, use this success: function (result) { $("#partial").html(result); } }); }) 

然后你的行动看起来像：

 public ActionResult GetData(YourModel model) //that's if you need the model { //do whatever return View(model); } 

Answer 2

实际上，如果你的Partial有一个子动作方法，你可以直接发布（甚至使用锚链接）到子动作，并获得类似Ajax的效果。 我们在几个视图中执行此操作。

语法是

 @Html.Action("MyPartial") 

儿童行动是

 public ActionResult MyPartial() { return PartialView(Model); } 

如果您的表单发布到子操作

 @using (Html.BeginForm("MyPartial")) {  ... } 

将使用子操作返回的部分视图更新部分视图。

Jquery仍然是更新部分的合法方式。 但从技术上讲，你的问题的答案是肯定的。

Answer 3

我将使用Ajax Form帮助程序使用部分视图和@ html.RenderPartial（“partialName”） 部分帮助程序

Answer 4

正常情况下，我在寻找这样的事情时发现人们提供的信息太有限，所以我会尝试在这里提供帮助。 关键是要设置一个带有ID的div，你可以将返回html附加到。 同样，当击中你的控制器时，确保它返回部分。 这种方法存在一些潜在的问题，但在美好的一天它应该有效。

 
 @{ Html.RenderPartial("WidgetCategories.cshtml"); } 
 function DeleteCategory(CategoryID) { $.get('/Dashboard/DeleteWidgetCategory?CategoryID=' + CategoryID, function (data) { if (data == "No") { alert('The Category has report widgets assigned to it and cannot be deleted.'); } else { $('#CategoryList').html(data); } } ); } [HttpGet("DeleteWidgetCategory")] [HttpPost("DeleteWidgetCategory")] public IActionResult DeleteWidgetCategory(string CategoryID) { string Deleted = CategoryModel.DeleteCategory(CategoryID); if (Deleted == "Yes") { return PartialView("WidgetCategories"); } else { return this.Json("No"); } }