Angular http POST unable to send post parameters

Question

This is what I'm using to make the call:

 const httpOptions = {
    headers: new HttpHeaders({
      'Content-Type': 'application/json'
    })
  };

   this.http.post("https://fakedomain.com/info.php", { "uuid": this.device.uuid, "funcion": "saveFormulario"}, httpOptions).subscribe(response => {
    this.datos = response;
  });

And this is all the info the server is getting:

POST /info.php HTTP/1.0

HTTP headers:
Host: fakedomain.com
X-Forwarded-Proto: https
Accept-Encoding: gzip, deflate, br
Connection: close
Pragma: no-cache
Cache-Control: no-cache
Accept: application/json, text/plain, */*
Origin: http://192.168.0.118:8100
User-Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15A372 Safari/604.1
Referer: http://192.168.0.118:8100/
Accept-Language: en-US,en;q=0.9,es;q=0.8

Request POST:

Request GET:

Request body:
{"uuid":"testuuid","funcion":"saveFormulario"}

So the info is getting sent, but nothing on the $_POST side.

What am I doing wrong?

Looks like a server side (php) issue, nothing to do specifically with angular. I would look at how your mapping is setup. You can isolate this more by using PostMan instead of angular as your testing client. — Igor
– Igor, Commented Mar 12, 2019 at 18:17
This might not be an angular issue. I am not a php guy and I am not sure if the params are case sensitive but perhaps you are using the wrong case for param names (uuid vs uuId, etc). Also make sure you are using the right spelling for second param, funcion vs function. — Krishna Veeramachaneni
– Krishna Veeramachaneni, Commented Mar 12, 2019 at 18:20
@Igor well in postman I can fake the call and receive the post data... Really weird. — monxas
– monxas, Commented Mar 12, 2019 at 18:23
Then compare the parameters in postman to what is being sent in angular. What is the difference? — Igor
– Igor, Commented Mar 12, 2019 at 18:25

monxas · Accepted Answer · 2019-03-14 15:07:49Z

1

This is what fixed the issue:

const httpOptions = {
  headers: new HttpHeaders({
    'Content-Type': 'application/x-www-form-urlencoded'
  })
};

answered Mar 14, 2019 at 15:07

monxas

2,6573 gold badges26 silver badges42 bronze badges

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

Collectives™ on Stack Overflow

Angular http POST unable to send post parameters

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