使用 jQuery 在 ASP.NET MVC 中呈现局部视图

34 浏览
0 Comments

使用 jQuery 在 ASP.NET MVC 中呈现局部视图

如何使用jquery呈现部分视图？

我们可以像这样呈现部分视图：

<% Html.RenderPartial("UserDetails"); %>

如何使用jquery实现相同的功能？

admin 更改状态以发布 2023年5月23日
0

2 答案

0 Comments

我使用了ajax加载来完成这个：

$('#user_content').load('@Url.Action("UserDetails","User")');

0
0 Comments

你不能仅使用jQuery来呈现一个局部视图。但是，你可以调用一个方法（操作），该方法将为你呈现局部视图，并使用jQuery / AJAX将其添加到页面中。在下面的例子中，我们有一个按钮点击处理程序，它从按钮上的数据属性加载操作的url，并发送一个GET请求，将局部视图中包含的DIV替换为更新内容。

$('.js-reload-details').on('click', function(evt) {
    evt.preventDefault();
    evt.stopPropagation();
    var $detailDiv = $('#detailsDiv'),
        url = $(this).data('url');
    $.get(url, function(data) {
        $detailDiv.replaceWith(data);         
    });
});

假设用户控制器具有一个名为细节的操作，该操作会执行以下操作：

public ActionResult Details( int id )
{
    var model = ...get user from db using id...
    return PartialView( "UserDetails", model );
}

假设你的局部视图是具有id为detailsDiv的容器，因此你只需用呼叫结果的内容替换整个内容。

父视图按钮

User是控制器名称，details是@Url.Action()中的操作名称。用户详细信息部分视图

0