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.

Support My Work

If you find my content helpful, consider supporting my work. Your support helps me continue creating valuable resources for the community.

Share this article

Found this useful? Share it with your network!

Copyright © 2025 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