Jquery POST request to another PHP file not working - php

Question

I am trying to make a post request to send some data from one php file to another. I'm using Jquery and my code looks as follows
My post file:
$(function (){
$(".commit").click(function(){
const sha_id = $(this).data("sha");
$.ajax({
url : 'commitInfo.php',
type : 'POST',
data : sha_id,
contentType: "application/json; charset=utf-8",
success: function(response){
console.log(sha_id);
window.location.replace("commitInfo");
}
});
});
});
My receiving file:
var_dump($_POST);
The $_POST returns an empty array. And have also tried placing my data inside of an object. Doesn't work either. Anyone know what is wrong?

Answer 1

Check your variable which contain data before sending the ajax request to the server by console it to the browser.
Ajax request carry data into key value pair or json format you need to send json object to the server to get the access to the data
$.ajax({
url : 'whatever-folder/whatever-url.php',
type : 'POST',
data : { anykey: anything },
contentType: "application/json; charset=utf-8",
success: function(response){
console.log(response);
}
});
and you will get the post in the server.

Answer 2

Have your tried using the FormData see
$(function (){
$(".commit").click(function(){
const sha_id = $(this).data("sha");
var data = new FormData();
data.append('id',sha_id );
$.ajax({
url : 'commitInfo.php',
type : 'POST',
data : data,
processData: false,
contentType: false,
success: function(response){
console.log(sha_id);
window.location.replace("commitInfo");
}
});
});
});

Answer 3

(1.). post file:
$(function (){
$(".commit").click(function(){
const sha_id = $(this).data("sha");
$.ajax({
url : 'commitInfo.php',
type : 'POST',
dataType: 'json',
data : sha_id,
contentType: "application/json; charset=utf-8",
success: function(response){
console.log(sha_id);
window.location.replace("commitInfo");
}
});
});
});
(2.). Json data does not receive in post.
$json = file_get_contents('php://input');
$post = json_decode($json, TRUE);
echo '<pre>';
var_dump($post);
echo '</pre>';