如何在 Asp.net Core 3.1 中使用 Ajax 刷新或重新加载 ViewComponent？

Question

我希望 FavoriteComponent 在单击“a”标签时刷新？

HTML：

<div id="favarite-user">
   
        @await Component.InvokeAsync("FavoriteComponent")        
</div>

动作HTML：

<a id="add-fav" onclick="addfavorite('@product.Id')"></a>

jQuery :

 $.ajax({
    type: "post",
    url: '@Url.Action("AddFavorite", "Product")',
    data: { id: id },          
}).done(function (msg) {
    if (msg.status === 'added') {              
        $('#favarite-user').load(' #favarite-user')
    }

});

控制器：

 public IActionResult AddFavorite(Guid id)
    {           
        bool fav = _scope.AddFavorite(id, Guid.Parse(CurrentUserId));
        if (fav == true)
        {
            //return ViewComponent("FavoriteComponent");
          return Json(new { status = "added" });
        }
        return Json(new { status = "removed" });
    }   

Answer 1

这段代码对我有用：

$.ajax({
    type: "post",
    url: '@Url.Action("AddFavorite", "Product")',
    data: { id: id },          
}).done(function (msg) {
    if (msg.status === 'added') {              
        $('#favarite-user').load(' #favarite-user')
    }
});