CODEWITHSUNDEEP
c#jqueryasp.net-mvchtml.renderpartial
Kevin Scheidt
Kevin Scheidt

Reputation: 95

Render Partial View with Object Model using jquery / Ajax

My current code looks like 

<!-- some html -->
{
    // some code
    @Html.Partial("~/Views/AdminUser/Main.cshtml", Model.AdminUserModel)
}

however, i need this to instead be an ajax call. How do I do an jquery ajax call where the model is included in the call?

Upvotes: 3

Views: 3866

Answers (1)

Matt Bodily
Matt Bodily

Reputation: 6423

How I do it is an ajax call passing the id:

$.ajax({
    url: "@(Url.Action("Action", "Controller", new { id = "----" }))/".replace("----", id),
    type: "POST",
    cache: false,
    async: true,
    success: function (result) {
         $(".Class").html(result);
    }
});

and then in your controller have the action set up like

public PartialViewResult Action(string id)
{
     //Build your model
     return PartialView("_PartialName", model);
}

if you do need to pass a model to the controller through ajax, if you create a jquery object that has the same fields as the model and stringify and pass it, it will come through correctly.

var toSend = {};
toSend.ID = id;
toSend.Name = name;

etc, then in the ajax call 

data: JSON.stringify(toSend),

Upvotes: 3

Related Questions