How to use jQuery to reload Partial with new parameter

Question

I have a partial view that I load in a page passing in a parameter. When the page loads, I setup two parameters helpMember and helpAnonymous.

{
  var helpMember = Model.Content.Children.Where(c => c.DocumentTypeAlias.Equals("contextualHelp", StringComparison.CurrentCultureIgnoreCase)).ElementAt(0);
  var helpAnonymous = Model.Content.Children.Where(c => c.DocumentTypeAlias.Equals("contextualHelp", StringComparison.CurrentCultureIgnoreCase)).ElementAt(1);
}

<div id="contextual-help-partial" >
    @Html.Partial("ContextualHelp", helpMember)
</div>

With jQuery, how can I reload the Partial and pass helpAnonymous to it?

You would need to return the Partial from an AJAX request which updates the existing HTML, something like this: https://stackoverflow.com/questions/3651171/asp-net-mvc-rendering-partial-view-with-jquery-ajax — Rory McCrossan, Jul 28 '17 at 08:30

score 1 · Answer 1 · answered Jul 28 '17 at 08:35

You have to create one method in controller and call that action using this. Suppose created action as loadhtml. return partialview from that action.

Controller action as

public ActionResult loadhtml(string helpMember){
   ViewBag.helpMember = helpMember;
   return PartialView("ContextualHelp");
}

jquery code as

    $.ajax({
        type: 'GET',
        url: "/loadhtml?helpMember=@helpMember",
        datatype:"html",
        success: function (data) {
           $("#contextual-help-partial").empty().html(data);
        },
        error: function (err) {
        }
    });

Probably a variety of ways to accomplish this but this pattern worked for me, thanks! — DdRegalo, Jun 23 '21 at 15:49

How to use jQuery to reload Partial with new parameter

1 Answers1