Asp.Net MVC Partial View Update with Ajax

Question

I have an asp.net mvc application. I need to reload a partial with ajax post. Here is my cshtml code inside main view:

<button data-url='@Url.Action("GetErrors", "Interface", new { servers = "S97EGESRV01" })'
            class="js-reload-details">
        Reload
    </button>
    <div id="errorListDiv">

        @Html.Partial("~/Views/Partials/_ErrorListPartial.cshtml", Model.Errors)
    </div>

javascript:

$('.js-reload-details').on('click', function (evt) {
    evt.preventDefault();
    evt.stopPropagation();

    var errorListDiv = $('#errorListDiv');
    var url = $(this).data("Interface/GetErrors?servers=S97EGESRV01");

    $.get(url, function (data) {
        errorListDiv.replaceWith(data);
    });
});

C#:

public ActionResult HatalariGetir(string servers= "All", InterfaceViewModel interfaceModel = null)
{
if (interfaceModel == null) {
     interfaceModel = new InterfaceViewModel();
}
// Some database processes
List<ErrorViewModel> modelList = new List<ErrorViewModel>();
// Populating modelList
interfaceModel.Errors = modelList;
return View("~/Views/Partials/_ErrorListPartial.cshtml", interfaceModel.Errors);
}

But the thing is when I click "Reload" button, whole page is loaded inside errorListDiv. Not just partial view. What am I doing wrong?

EDIT: I tried this:

return PartialView("~/Views/Partials/_ErrorListPartial.cshtml", interfaceModel.Errors);

Unfortunately result is same.

possible duplicate of asp.net MVC partial view controller action — Erik Philips
– Erik Philips, Commented Jun 16, 2014 at 20:41

Matt · Accepted Answer · 2014-06-16 21:18:30Z

2

Try adding this to your view file.

@{
    Layout = null;
}

answered Jun 16, 2014 at 21:18

Matt

3,6802 gold badges29 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ehsan Sajjad · Accepted Answer · 2014-06-17 06:10:53Z

1

Actually your partial view is not working like partial view, it is rendering with master layout as a full view, so what you need is to explicitly tell in view that do not use any master layout by adding this line in top of view:

@{


Layout = null;

}

answered Jun 17, 2014 at 6:10

Ehsan Sajjad

62.6k16 gold badges112 silver badges171 bronze badges

Collectives™ on Stack Overflow

Asp.Net MVC Partial View Update with Ajax

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related