AngularJS Http vs Jquery Ajax

Question

i'm trying to send to a ws a post request using some parameters.

in Ajax i do:

$.post("http://myWS",{name:"xxx",surname:"yyy"},function(response){
   console.log(response);
});

this generate that payload:

{name:"xx",surname:"yyy"}

In AngularJS i do:

return $http({
    method: 'POST',
    async : true,
    cache : false,
    url: "http://myWS",
    data: {name:"xxx",surname:"yyy"},
});

And this generates that paylaod:

{"name":"xxx","surname":"yyy"}

As you can see this payload differs from ajax one.

I tried to add header to $http request:

headers: {'Content-Type': 'application/x-www-form-urlencoded'}

but results is the same.

what could be the problem?? thanks!

The angular.js request payload seems to be valid JSON, in contrast to the payload of the jQuery Ajax call. — TheHippo
– TheHippo, Commented Mar 4, 2014 at 10:59

Jayyrus · Accepted Answer · 2014-03-04 12:09:43Z

2

I solved setting headers and params in this way:

return $http({
    method: 'POST',
    async : true,
    cache : false,
    url: "http://myWS",
    data: $.param({name:"xxx",surname:"yyy"}),
    headers: {'Content-Type': 'application/x-www-form-urlencoded'}
});

answered Mar 4, 2014 at 12:09

Jayyrus

13.1k41 gold badges136 silver badges215 bronze badges

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

Collectives™ on Stack Overflow

AngularJS Http vs Jquery Ajax

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related