c# - 如何使用 jquery 在不刷新页面的情况下刷新 View 组件

Question

我的 View 中有一个 View 组件

 @await Component.InvokeAsync("UserProfileCard")

我想当我点击一个按钮时只有这个组件会被刷新而不用使用 jquery ajax 或 jquery Unobtrusive 刷新页面

Answer 1

围绕组件创建div

<div id="userProfileCard">
 @await Component.InvokeAsync("UserProfileCard")
</div>

创建 Action

public class MyController : Controller {
    public IActionResult GetUserProfileCardComponent() {
        return ViewComponent("UserProfileCard", <arguments...>);
    }
}

Ajax

<script>
    $.get("/MyController/GetUserProfileCardComponent", function(data) {
        $("#userProfileCard").html(data);
    });
</script>