Sending POST data to php using angular 5

Question

I'm trying to call a web service from angular 5 to PHP.

I'm using POST method but I have trouble retrieving data in PHP side.

Send data is shown in payload but it's not retrieved in php side.

Angular service.ts

this.URL = "http://localhost/angular/WEBSERVICE_PHP/test.php";

const headers = new Headers();
headers.append('Content-Type', 'application/json');
let data = 'visitor_id=55';

return this.http
.post(this.URL,JSON.stringify(data),{
    headers: headers
})
.map( Response => console.log(Response) );

PHP PAGE

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Credentials: true");
header("Access-Control-Allow-Methods: POST, GET");
header('P3P: CP="CAO PSA OUR"'); // Makes IE to support cookies
header('content-type: text/plain');  
header("content-type: application/x-www-form-urlencoded");
header("Access-Control-Allow-Headers: Content-Type, Authorization, X- 
Requested-With");
header("Access-Control-Max-Age: 172800");

if(isset($_POST))
{
    // $post = 'test data';     // This data get sent
    //   return $post;
    echo $post = $_POST['visitor_id'];
    return $post; 
}

Don't use post, try file_get_contents('php://input') since you are sending JSON — delboy1978uk
– delboy1978uk, Commented Jul 17, 2018 at 13:27
Why are you applying JSON.stringify on data? The way data is defined it looks like it should be JSON.parse instead. — Learning is a mess
– Learning is a mess, Commented Jul 17, 2018 at 13:28
var_dump($_POST); It does not contain what you think it does. Try let data = {visitor_id: 55}; and .post(this.URL,data,{, and remove the json header instead. It should be able to read the data without having to use json. If you do want to use json, don't forget to decode it in PHP before you try to access anything. — aynber
– aynber, Commented Jul 17, 2018 at 13:32
@delboy1978uk - Your method works all fine. But the server side uses S_POST method for all operations. To avoid rewriting whole post requests. — RJ_7
– RJ_7, Commented Jul 17, 2018 at 14:17
@delboy1978uk - Even though crooked that works Thanks. Please post the answer. — RJ_7
– RJ_7, Commented Jul 17, 2018 at 14:24

delboy1978uk · Accepted Answer · 2018-07-17 14:29:48Z

5

When "posting" JSON, you won't see $_POST.

Instead do this:

$json = file_get_contents('php://input');
$array = json_decode($json, true);

If it MUST be $_POST, you can assign the $array to $_POST.

The other solution is from the Angular side, instead of sending the JSON string, send a proper post! (I'm not an Angular man, maybe someone can comment and I'll add the code!)

answered Jul 17, 2018 at 14:29

delboy1978uk

12.4k2 gold badges25 silver badges42 bronze badges

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

Collectives™ on Stack Overflow

Sending POST data to php using angular 5

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