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

发布时间：2020-12-15 23:04:11 所属栏目：asp.Net 来源：网络整理

导读：我正在和 Jquery一起使用MVC C#. 我在一个相当大的页面中有一些部分视图,其中有许多选项卡. 点击一个复选框,我喜欢在表单中更新部分视图. 我得到的只是部分的看法这是Jquery中的代码： $('#activelist,#inactivelist').change(function () { var status = '

我正在和 Jquery一起使用MVC C#.

我在一个相当大的页面中有一些部分视图,其中有许多选项卡.

点击一个复选框,我喜欢在表单中更新部分视图.
我得到的只是部分的看法

这是Jquery中的代码：

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

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

    });

关于我如何可以更新表单中的部分视图的任何想法,我将如何调用它？

这是PartialView的代码

return PartialView(Kits);

如上所述,我看到的只是部分视图显示,而不是整个形式.

解决方法

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

例如,假设你的HTML标记是这样的主窗体(view)

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

而在这里,ID为myPartialViewContainer的DIV是容纳部分视图的内容的容器div,所以我们只需使用jQuery load方法重新加载该div的内容

$(function(){

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

});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!