无法通过 ASP.NET Core 中的 JQuery ActionResult 调用加载部分视图

Question

我被这个问题困住了几个小时，如果不是几天的话。

我可以启动返回 PartialView("MODEL") 的 ActionResult，但我无法将实际视图呈现到索引 cshtml 页面内的 div 中。

这是我正在尝试的：

控制器：

...
public ActionResult Calendar()
    {
        PopulateCalendarAsync();
        return PartialView(_calendarViewModel);
    }
...

索引.cshtml：

<div id="calendarDiv" ></div>

索引内的脚本：

<script type="text/javascript">
$(document).ready(function (e) {
    $.get('@Url.Action("Calendar","Home")', {}, function (result) {
        $("#calendarDiv").load("~/Home/Calendar");

    });
});

当索引页面加载时，脚本调用 ActionResult Calendar() 没有问题。

问题是 div 没有更新。

我的 Calendar.cshtml 页面位于主文件夹中的索引页面旁边。

我在这里错过了什么？

Answer 1

$.get 请求的result 参数将包含日历局部视图的html 输出。
通过$("#calendarDiv").html(result);将其分配给<div>

完整代码：

$(document).ready(function (e) {
    $.get('@Url.Action("Calendar","Home")')
        .then(function (result) {
             $("#calendarDiv").html(result);
         })
        .fail(function (xhqr, status, error) {
            alert(status);
            alert(JSON.stringify(xhqr));
        })
});