Why is HTTP POST returning empty in this AngularJS code? [duplicate]

Question

I am using my AngularJS code below to POST to a webhook. A POST request does go through to the webhook. However, it has no body, so none of the data is being returned.

    $scope.addguest = function(guest){
    //todo put guest to url
    url = "https://requestb.in/18z1tu41";
    item = {
    'property_id':$scope.id,
    'originator':guest.phone,
    'guest_name':guest.name,
    'check_out_date':guest.date
    }
    $('#exampleModalPhone').modal('hide');
    $http.post(url, item, {headers: {'Content-Type': 'application/json'} }).success(function (data) {
           $scope.data= data;
       });

Am I missing something here with how my code is written? What is causing the POST to be empty?

This is not a CORS related issue, so not a duplicate.

Which body is empty....request or response? What version of angular? — charlietfl
– charlietfl, Commented Dec 24, 2017 at 20:06
Unless I’m misunderstanding there is no request/response, it’s not an API, but a webhook. The POST received by the webhook is empty. HTTP 200 is successfully returned and the webhook does receive the POST, it just has an empty body. — hackerman
– hackerman, Commented Dec 24, 2017 at 20:10
Seems you are misunderstanding. $http makes an ajax request and sends your data in the request body and waits for the response. If the response body is empty that is an api issue — charlietfl
– charlietfl, Commented Dec 24, 2017 at 20:13
Check your Developer Console for errors. Failed to load https://requestb.in/18z1tu41: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://run.plnkr.co' is therefore not allowed access. Which is a CORS problem. — georgeawg
– georgeawg, Commented Dec 24, 2017 at 21:35

Henri Benoit · Accepted Answer · 2017-12-24 21:36:51Z

1

Not too sure in which language the service processing the POST request is written but in some languages (e.g. PHP) you should rather use a different encoding to avoid issues:

$http.post(url,  $.param(item), {headers: {'Content-Type':'application/x-www-form-urlencoded'} })

$.param will convert your object to a URL parameter formatted key/value pair

answered Dec 24, 2017 at 21:36

Henri Benoit

7253 silver badges10 bronze badges

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

Collectives™ on Stack Overflow

Why is HTTP POST returning empty in this AngularJS code? [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related