✓ POST Request by Fetch

post.php

<?php
header( 'Access-Control-Allow-Origin: *' );

$received = file_get_contents( 'php://input' );

echo $received;

// Ref: https://www.php.net/manual/en/reserved.variables.post.php#125651

postByFetch.js

// Method 1 ( Better ) : Send data as JSON
let info = {
	name: 'John Doe',
	age: 30,
	salary: 20000
};

fetch( 'post.php',
{
	method: 'POST',
	headers: { 'Content-Type' : 'application/json' },
	body: JSON.stringify( info )
})
.then( response => response.text() )
.then( data => console.log( data ) )
.catch( error => console.error( 'Error:', error ) );


// Method 2 ( Worse ) : Send data as URL encoded
fetch( 'post.php',
{
	method: 'POST',
	headers: { 'Content-Type' : 'application/x-www-form-urlencoded' },
	body: 'data1=Hello World!&data2=Hello Universe!'
})
.then( response => response.text() )
.then( data => console.log( data ) )
.catch( error => console.error( 'Error:', error ) );