我已经使用ajax加载来做到这一点:

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

@tvanfosson的答案很震撼。

然而，我建议在js中进行改进，并检查一个小的控制器。

当我们使用@Url助手调用一个动作时，我们将收到一个格式化的html。更新内容(.html)而不是实际的元素(. replacewith)会更好。

更多关于at: jQuery的replaceWith()和html()有什么区别?

$.get( '@Url.Action("details","user", new { id = Model.ID } )', function(data) {
    $('#detailsDiv').html(data);
}); 

这在树中特别有用，因为树的内容可以多次更改。

在控制器上，我们可以根据请求者重用动作:

public ActionResult Details( int id )
{
    var model = GetFooModel();
    if (Request.IsAjaxRequest())
    {
        return PartialView( "UserDetails", model );
    }
    return View(model);
}

使用标准Ajax调用实现相同的结果

        $.ajax({
            url: '@Url.Action("_SearchStudents")?NationalId=' + $('#NationalId').val(),
            type: 'GET',
            error: function (xhr) {
                alert('Error: ' + xhr.statusText);

            },
            success: function (result) {

                $('#divSearchResult').html(result);
            }
        });




public ActionResult _SearchStudents(string NationalId)
        {

           //.......

            return PartialView("_SearchStudents", model);
        }

我是这样做的。

$(document).ready(function(){
    $("#yourid").click(function(){
        $(this).load('@Url.Action("Details")');
    });
});

具体方法:

public IActionResult Details()
        {

            return PartialView("Your Partial View");
        }

你不能只使用jQuery渲染局部视图。但是，您可以调用一个方法(action)来为您呈现部分视图，并使用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);         
    });
});

其中用户控制器有一个名为details的动作，它做:

public ActionResult Details( int id )
{
    var model = ...get user from db using id...

    return PartialView( "UserDetails", model );
}

这是假设您的局部视图是一个id为detailsDiv的容器，这样您就可以用调用结果的内容替换整个视图。

父视图按钮

 <button data-url='@Url.Action("details","user", new { id = Model.ID } )'
         class="js-reload-details">Reload</button>

User是控制器名，details是@Url.Action()中的动作名。 UserDetails部分视图

<div id="detailsDiv">
    <!-- ...content... -->
</div>

你需要在你的控制器上创建一个动作，返回“UserDetails”部分视图或控件的渲染结果。然后只需使用一个Http Get或Post从jQuery调用Action来获得呈现的html显示。