Angular Js Curl -d http request

Question

i have a problem on my angular app :

i have a Curl request that work fine in my terminal :

  curl -d "grant_type=password&client_id=IDXXXXXX&client_secret=SECRET&username=USERNAME&password=PASSWORD" https://MYINSTANCE/oauth_token.do

now i want to use it with angular JS.

here's what i tried :

var getDatas = {
  grant_type: "password",
  client_id: "ID",
  client_secret : "PASS",
  username : "USER",
  password : "PASSWORD"
}

$http({
  method: 'GET',
  url: 'https://MYINSTANCE/oauth_token.do',
  data : JSON.stringify(getDatas)
}).then(function successCallback(response) {
  alert("response : " + response);
}, function errorCallback(response) {
  alert("error  : " + response);
});

But the service returns me Error.

I'm a noob on Curl requests with angular, someone can give me some advices?

Thx a lot!

Regards

In cURL, you are making a POST request with application/x-www-form-urlencoded content-type, not JSON — Paul Samsotha
– Paul Samsotha, Commented Apr 19, 2016 at 14:43
hi sorry but i don't get it... what i'm supposed to do if i just want to send some good parameters to the server? — Hadrien Delphin
– Hadrien Delphin, Commented Apr 19, 2016 at 15:00

Matt S · Accepted Answer · 2016-04-20 01:27:38Z

2

Your JS is attempting to send a GET request with data in the body. Your curl request is implicitly using POST when you pass data with -d. Also, by calling stringify, the data you are sending is a JSON string instead of standard POST format. So to get your JS to match your curl request (if you're also using jQuery):

$http({
  method: 'POST',
  url: 'https://MYINSTANCE/oauth_token.do',
  headers: {'Content-Type': 'application/x-www-form-urlencoded'}
  data : $.param(getDatas)
})...

Without jQuery ($.param) you can write a generic function to turn an object into a POST data string:

var formData = new FormData();
formData.append("grant_type", "password");
formData.append("client_id", "ID");
...
$http({
    ...
    data: formData
})...

Or build the POST string directly:

data: "grant_type=password&client_id=" + client_id + "&secret=" ...

edited Apr 20, 2016 at 1:27

answered Apr 19, 2016 at 15:07

Matt S

15.5k6 gold badges60 silver badges79 bronze badges

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

4 Comments

Hadrien Delphin Over a year ago

thank you for your answer, but the server still return me error with this configuration.

Matt S Over a year ago

@HadrienDelphin Forgot we need to convert the data object to POST param format ourselves. Please see my edit.

Hadrien Delphin Over a year ago

Ok now i have something strange, in the console (i use chrome inspect), the console return me à 404 error on the url i try to reach. i'm sure it's working, when i copy paste it on chrome, i have the good informations... i feel a bit lost right now...

Matt S Over a year ago

@HadrienDelphin I made an edit to explain what to do without jQuery.

Collectives™ on Stack Overflow

Angular Js Curl -d http request

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related