Passing an Object to an $http POST in AngularJS

Question

I am having some trouble with passing a parameter to a POST using $http in AngularJS

My Object Parameter:

var myObject = { 
  ID: 1, 
  ARRAYOFSTUFF: [
    {1, "Test", 3, "TestA"},
    {2, "XXX", 9, "DDDD"},
    {5, "TUUU", 6, "TeUUUU"}
  ]
}

So I call post like this:

$http({ method: "POST", url: MYURL_URL, params: myObject, cache: false });

It gets to my endpoint but the ARRAYOFSTUFF is null. I have tried changing this to use jQuery's $.param as below:

$http({ method: "POST", url: MYURL_URL, params: $.param(myObject), cache: false });

I think the issue here is caused because I cannot successfully pass the myObject.ARRAYOFSTUFF around. I have passed arrays before in $http POSTs but never with an object like this.

I did change my endpoint to pass only the ARRAY but I have the same problem that when it got to the endpoint it was null.

Thanks for any help in advance.

Phil Sandler · Accepted Answer · 2014-06-12 14:35:59Z

7

Change params to data:

$http({ method: "POST", url: MYURL_URL, data: myObject, cache: false });

answered Jun 12, 2014 at 14:35

Phil Sandler

28.1k21 gold badges88 silver badges153 bronze badges

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

1 Comment

user227466 Over a year ago

Oh, how silly of me. Tried that and it works! I will accept the answer shortly (When Stack Overflow will let me!)

Collectives™ on Stack Overflow

Passing an Object to an $http POST in AngularJS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related