AngularJS / jQuery sending POST data

Question

I need to send data to an API that (for some weird reason) expects this {'user_uid: '22222'}, literally.

Im trying to do it with jQuery like this:

 $.ajax({
    type: 'POST',
    url: 'https://api.com/api/',
    'user_id': '2222'

    success: function(result) {
       console.log(result);
       if(result.error){

       }else{

       }
    },

    error: function(xhr, ajaxOptions, thrownError) {
       console.log(xhr.status);
       console.log(thrownError);
    },
 });

And with AngularJS:

 $http.post('https://api.com/api', {'user_id': '2222'})
 .success(function(data) {

}

Weird thing, if I try to do it in Postman, I need to use 'raw' query and enter: {'user_id': '22222'}

But if I use form-data it fails

Can some point me in the right direction?

Thanks in advance.

Your jQuery example is going to throw a syntax error regardless. You should double check the documentation on how create AJAX calls. If you need a literal string of characters, you should specify plain text. Likewise, if you're trying to send JSON data, you should stringify it properly, and again specify your data type. — Oka
– Oka, Commented May 4, 2015 at 14:28

Calvintwr · Accepted Answer · 2015-05-04 14:27:27Z

2

I would have inserted this in the comment but it would be difficult to read the code.

I am suspecting that the API needs a stringified input. Can you try:

$.ajax({
    type: 'POST',
    url: 'https://api.com/api/',
    data: JSON.stringify({'user_id': '2222'}),

    success: function(result) {
       console.log(result);
       if(result.error) {

       } else {

       }
    },

    error: function(xhr, ajaxOptions, thrownError) {
       console.log(xhr.status);
       console.log(thrownError);
    },
 });

answered May 4, 2015 at 14:27

Calvintwr

8,8485 gold badges33 silver badges48 bronze badges

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

3 Comments

mdv Over a year ago

tried: data: JSON.stringify({'user_id': '222222'}), same error :(

mdv Over a year ago

Hi there, worked with this: JSON.stringify({ "user_id": "100006" } how can I emulate that in AngularJS

mdv Over a year ago

That gives me this error: stackoverflow.com/questions/30034835/…

Shiladitya · Accepted Answer · 2017-11-11 15:47:50Z

2

Try this :

$http({
  url: 'customUrl',
  method: 'POST',
  data: JSON.stringify({ "user_id": "100006" }),
  headers: { 
    'Content-Type': 'application/json; charset=UTF-8'
  }
}).then(function (success) {
  return success;
}).catch(function (e) {
  throw e;
});

edited Nov 11, 2017 at 15:47

Shiladitya

12.2k17 gold badges29 silver badges43 bronze badges

answered May 4, 2015 at 15:05

jbigman

1,29013 silver badges25 bronze badges

7 Comments

mdv Over a year ago

Im trying: $http.post('api.urlrl.giftapi', {"user_id": "2222" }) but it says: o 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. This is working with Jquery ajax call

jbigman Over a year ago

Access-Control-Allow-Origin is a CORS (Cross-Origin Resource Sharing) header. You should read more about CORS.

jbigman Over a year ago

Same behaviour described here : forum.ionicframework.com/t/…

mdv Over a year ago

CORS is enabled server-side, header: Access-Control-Allow-Origin: * And Jquery works with the same URL, dont know why Angular doesen't

jbigman Over a year ago

Unknown data type may raise CORS issues. Try to force jsonp in the angular call ? (The ajax call may put an implicit data type.)

|

Collectives™ on Stack Overflow

AngularJS / jQuery sending POST data

2 Answers 2

3 Comments

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related