使用ViewComponent在单击时加载视图的特定部分

Question

在我的cshtml文件中

@foreach (var item in ViewBag.allFontCategory)
    {
        <a asp-controller="Fonts" asp-action="GetFonts" asp-route-id="@item.Item1" class="font-category-name">@item.Item2</a><br />
    }
<div class="col-lg-8" id="font-viewcomponent">
    @* Display fonts*@
</div>

在我的js文件中

var url = '/Fonts/GetFonts/';
$('.font-category-name').click(function () {
    $('#font-viewcomponent').load(url);
});

在我的控制器中

public IActionResult Index()
    {
        ViewBag.allFontCategory = dataService.getAllFontCategory();
        return View();
    }
public IActionResult GetFonts(int id)
    {
        return ViewComponent("FontAdmin");
    }

在使用ASP.NET Core MVC #font-viewcomponent单击锚标记帮助程序时，我正在尝试更新ViewComponent div元素的内容。

当我在MVC5中使用局部视图实现相同的东西时，它运行良好。但是使用ASP.NET Core MVC的ViewComponent它将无效并返回Defalut.cshtml文件，因为单独的视图不会作为视图的特定部分加载。