在ASP.NET MVC C#中使用Jquery更新部分视图

Question

我正在使用MVC C#和Jquery.

我在一个包含许多选项卡的相当大的页面中有一个局部视图.

单击一个复选框,我想在表单中更新局部视图.我得到的只是局部视图

这是我在Jquery中的代码:

   $('#activelist,#inactivelist').change(function () {

        var status = 'inactive';
        window.location.href = '@Url.Action("Skits","KitSection")' + '?id=' + id+ '&status=' + status;

    });

关于如何根据我如何调用它来更新表单中的局部视图的任何想法？

这是PartialView的代码

     return PartialView(Kits);

如上所述,我看到的只是显示的局部视图而不是整个表格.

Answer 1

window.location.href将重新加载整个页面.您需要重新加载页面的某些部分而不需要完全重新加载.我们可以使用jQuery ajax来做到这一点.让我们找出你可以用来获得Partialview的jQuery选择器.

例如,假设您的HTML标记在主窗体中是这样的(视图)

<div>
  <p>Some content</p>
  <div id="myPartialViewContainer">
      @Html.Partial("_FeaturedProduct")
  </div>
  <div>Some other content</div>
</div>

这里的DIVwith ID myPartialViewContainer是容器div,它包含了.的内容.partial view所以我们只需使用jQuery 加载方法重新加载该div的内容

$(function(){

   $('#activelist,#inactivelist').change(function () {
      var id="someval"; 
      var status = 'inactive';
      $("#myPartialViewContainer").load('@Url.Action("Skits","KitSection")' + '?id=' + id+ '&status=' + status)
  });

});