Loading partial view on Ajax.Actionlink click

May 04, 2014 by Anuraj Estimated read time : 1 min

.Net ASP.Net MVC HTML5 Javascript

While working on an MVC project, I had to create few partial views and load them dynamically using Ajax. Here is the code snippet for the same.

Controller method

public ActionResult ShowMenu()
{
    return PartialView("_SimpleMenu");
}

In this I am returning the Partial View in the controller method. And here is the Razor code.

<div id="MenuContainer">
</div>
@Ajax.ActionLink("Show menu", "ShowMenu", "Home", new AjaxOptions()
{
    UpdateTargetId = "MenuContainer",
    InsertionMode = InsertionMode.Replace
})

In this I am specifying the controller action method and the DIV which will be replaced by the Partial View.

Happy Coding.