How to call nested ajax call and send object data to controller in ASP.Net MVC 5

Question

I have two controller

Settings Controller

Action - GetAvailableLocationsFor
HomeController

Action - Index

Steps I want to acheive

Make ajax call to GetAvailableLocationsFor and then get the object data from success call back. No view is required for this Action.
Now with the object data received make another ajax call to Index Action in HOMECONTROLLER and pass the object there.

Below is what I could achieve.

HomeController - GetAvailableLocationsFor

public ActionResult GetAvailableLocationsFor(int accountId, int groupId)
        {
            FullConfigMV configData = SetLoader.GetSettings(accountId, groupId);
           return // HOW TO RETURN configData from Here to first ajax call
}

HomeController - Index Action

[HttpPost]
public ActionResult Index(FullConfigMV data)
{
  //SECOND AJAX CALL SHOULD COME HERE
}

Nested Ajax call

<script>
    $(document).ready(function()
    {
        $("#tan").change(function()
        {
            alert(this.value);
            $.ajax({
                type: 'POST',
                url: '/Settings/GetAvailableLocationsFor',
                data: { accountId: 28462, groupId: 35},
                success: function (data) { // data should represent configObj

                    $.ajax({
                        type: 'POST',
                        url: '/Home/Index',
                        data: // WHAT TO WRITE HERE,
                        success: function (data) {
                            //WHATEVER
                        },
                        error: function () {
                            DisplayError('Failed to load the data.');
                        }
                    });

                },
                error: function () {
                    DisplayError('Failed to load the data.');
                }
            });


        });
    });
</script>

hi do you actually need a ajax call in second time? I mean you can use Url.Action ('','') after success callback with all required data . — Yashveer Singh
– Yashveer Singh, Commented Jan 17, 2017 at 20:57
return Json(configData, JsonRequestBehavior.AllowGet); and data: data (but this could simply be done using one ajax call to one method - its not clear why you want 2 methods) — user3559349
– user3559349, Commented Jan 17, 2017 at 20:57
@YashveerSingh: can you kindly guide me how to achieve that. — Unbreakable
– Unbreakable, Commented Jan 17, 2017 at 21:00
@StephenMuecke : Thank you for your response. I have some logic in GetAvailableLocationsFor and the Index sometimes needs to be called independent of the logic which is in GetAvailableLocationsFor — Unbreakable
– Unbreakable, Commented Jan 17, 2017 at 21:01
@StephenMuecke In certain situation I want just the Index logic to be called. And in certain situation I want the logic of GetAvailableLocationsFor to be called and then the index should be called. — Unbreakable
– Unbreakable, Commented Jan 17, 2017 at 21:03

Keith.Abramo · Accepted Answer · 2017-01-17 21:01:15Z

0

A better approach would be to return a redirect in your GetAvailableLocationsFor action

return RedirectToAction("Index", "Home", configData)

Then in your ajax success instead of the second ajax call. Just handle whatever gets returned by Home/Index.

answered Jan 17, 2017 at 21:01

Keith.Abramo

6,9652 gold badges34 silver badges46 bronze badges

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

7 Comments

user3559349 Over a year ago

You cannot redirect to a POST :)

Keith.Abramo Over a year ago

@StephenMuecke you are absolutely correct. I missed the httppost attribute.

Unbreakable Over a year ago

If I take the httppost attribute then this code will work right?

Keith.Abramo Over a year ago

@Unbreakable it depends on what else is calling that action. It might be better to allow both httppost and httpget. For example if you have a form that is submitting to home/index and you don't explicitly tell it to submit via GET it will default to POST and fail if you remove that attribute.

Unbreakable Over a year ago

So, I have put both httpost and httpget. Now Can I use your code and get the data at Index Action?

|

Ankita · Accepted Answer · 2017-01-18 10:30:48Z

0

Return JSON data from GetAvailableLocationsFor method. After in second ajax call you can send data like below:

data: JSON.parse(response),

this will get data in your parameter in Index method

answered Jan 18, 2017 at 10:30

Ankita

1,4564 gold badges18 silver badges42 bronze badges

Collectives™ on Stack Overflow

How to call nested ajax call and send object data to controller in ASP.Net MVC 5

2 Answers 2

7 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Linked

Related