Невозможно загрузить частичное представление с помощью вызова JQuery ActionResult в ASP.NET Core.

Question

Я застрял в этой проблеме часами, если не днями.

Я могу запустить ActionResult, который возвращает PartialView ("MODEL"), но я не могу отобразить фактический View в div внутри страницы Index cshtml.

Вот что я пытаюсь:

Контроллер:

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

Index.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 ().

Проблема в том, что div не обновляется.

моя страница Calendar.cshtml находится в стороне от индексной страницы в домашней папке.

Что мне здесь не хватает?

Answer 1

Параметр result запроса $.get будет содержать вывод html частичного представления календаря.
Назначьте его на <div> через $("#calendarDiv").html(result);

Полный код:

$(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));
        })
});