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

Метод «POST» в Google и Firefox «Сетевой» инструмент разработчика но когда я проверил его в 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";
}

?>

Аякс

 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.