Unable to load Partial View via JQuery ActionResult call in ASP.NET Core

Question

I am stuck in this problem for hours if not days.

I can start the ActionResult that returns PartialView("MODEL") but I am unable to render actual View into the div inside an Index cshtml page.

Here is what I am trying:

Controller:

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

Index.cshtml :

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

script inside Index:

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

    });
});

When Index page loads, script calls the ActionResult Calendar() with no problems.

The problem is that div is not being updated.

my Calendar.cshtml page is aside Index page in Home folder.

What am I missing here?

pfx · Accepted Answer · 2019-07-11 20:55:26Z

1

The result parameter of the $.get request will contain the html output of the calendar partial view.
Assign it to the <div> via $("#calendarDiv").html(result);

Full code:

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

edited Jul 11, 2019 at 20:55

answered Jul 11, 2019 at 19:42

pfx

23.9k52 gold badges105 silver badges125 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

pfx Over a year ago

What's the value in result?

positive perspective Over a year ago

I will need to check it, not sure how to do this in jquery... alert(result.ToString?)

pfx Over a year ago

just alert(result) will do.

positive perspective Over a year ago

it does not pop up

pfx Over a year ago

Then an error might have occurred; I updated my answer to catch any.

|

Collectives™ on Stack Overflow

Unable to load Partial View via JQuery ActionResult call in ASP.NET Core

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related