How to return two partial views from controller as html?

Question

I call my MVC controller action via Ajax, and want the action to return two partial views. Both partial views should be returned as html.

This is how I call via ajax

    $.ajax({
        url: '/SomeController/GetContent',
        type: 'GET',
        dataType: "html",
        success: function (d, status, xhr) {
            $('#partial1') = d.?
            $('#partial2') = d.?
        },
        error: function (req, status, errorObj) {
            alert('error');
        }
    });

I tried something like this for the controller action:

    public PartialViewResult[] GetContent()
    {
        PartialViewResult[] pvs = new PartialViewResult[2];

        pvs[0] = PartialView("Partial1", null);
        pvs[1] = PartialView("Partial2", null);

        return pvs;
    }

It works if I simply return one partial view (not returning as an array), but for two I just get an empty array returned in the ajax success. Any ideas how to solve this?

if you send pvs as json array can loop over array and insert into appropriate elements. Adjust dataType accordingly — charlietfl
– charlietfl, Commented Mar 13, 2015 at 22:55
@charlietfl: I don't think that will work, because if I return it as json I will lose the html completely. — brinch
– brinch, Commented Mar 13, 2015 at 22:58

user3559349 · Accepted Answer · 2015-03-13 23:27:01Z

1

Create a single view that returns both partials

/Views/YourController/GetContent.cshtml

@Html.Partial("Partial1")
@Html.Partial("Partial2")

and change the method to

public PartialViewResult GetContent()
{
    return PartialView();
}

However if you need control over where each partial is placed in the view where you calling this method from, then you will need 2 separate methods and 2 separate ajax calls.

answered Mar 13, 2015 at 23:27

user3559349

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

3 Comments

brinch Over a year ago

Thanks, but I will need to add the partials manually in my view with JQuery, so will probably have to go with two separate calls then as you suggest.

user3559349 Over a year ago

And since ajax is async, it will probably give better response time anyway.

charlietfl Over a year ago

don't have to make 2 requests, can filter the response by wrapping in $() and using jQuery methods to get the content for each element in DOM

nikudale · Accepted Answer · 2015-03-14 17:50:14Z

0

I am not sure what you will be going to achieve but you are breaking basic binding of partial view and binding. are those both partial views having same one functionality but separate info then put in single partial view or if you have different functionality with separate view then bind with 2 ajax call. Alternate way you can use latest features of MVC6 viewcomponent http://www.asp.net/vnext/overview/aspnet-vnext/vc or AngularJS state binding.

answered Mar 14, 2015 at 17:50

nikudale

4173 silver badges12 bronze badges

Collectives™ on Stack Overflow

How to return two partial views from controller as html?

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related