Loading partial view on Ajax.Actionlink click

May 04, 2014 by Anuraj

.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.

Copyright © 2024 Anuraj. Blog content licensed under the Creative Commons CC BY 2.5 | Unless otherwise stated or granted, code samples licensed under the MIT license. This is a personal blog. The opinions expressed here represent my own and not those of my employer. Powered by Jekyll. Hosted with ❤ by GitHub