Метод "Post" в инструменте разработчика Chrome / Firefox Network, но "Get" в методе PHP-запроса

Question

Метод «POST» в Google и Firefox «Network» dev tool но когда я проверил это в PHP, он пуст ..

Ошибка

Notice: Undefined index: id in C:\xampp\htdocs\myecommerse\includes\detailsmodal.php on line 39

Кнопка

 <button type="submit" class="btn btn-small btn-success" onclick="detailsmodal(<?php echo $product['id']; ?>)">Details</button>

PHP

 if (empty ($_POST['id'])) {
    echo "empty";
}
else
{
     echo "full";
}

?>

Ajax

 function detailsmodal(id){
        var data = {"id" : id}; //Json string 
        jQuery.ajax({
                url: "./includes/detailsmodal.php",
                type: "POST",   
                data: data,
                success : function(data){
                    jQuery('body').append(data);
                    jQuery('#details-modal').modal('toggle'); 
                },
                error : function(){
                    alert('something went wrong');
                }

        });

    }

Заранее благодарен тем, кто ответит ... он просто новичок в использовании ajax