AJAX - Problema al pasar variable javascript a php mediante ajax

Buenos días. Estoy tratando de enviar una variable de javascript a php por ajax. Cuando lo realizo en la consola me aparece 'hecho', como que se ha enviado los datos, pero me da el siguiente error: Warning: Undefined array key "IDbutton" in... En la consola si que me imprime el valor de la variable IDbutton en javascript, es decir que no esta vacío. Gracias de antemano.
Este es el código donde envío la variable con ajax:
```
<script>
$('body').on('click' , '.button_buscar_user' , function() {
let IDbutton = $(this).val();
console.log(IDbutton);
$.ajax({
url: 'Pagina.php',
method: 'post',
data: { IDbutton: IDbutton },
dataType: 'html'
}).done(function(respuesta) {
console.log('hecho');
})
modal_container2_4.classList.add('show2');
})
</script>
```
Y este es el código de php donde se recibe la variable:
```
<?php
$IDbutton = $_POST['IDbutton'];
echo $IDbutton;
?>
```

Este es el html del botón:
```
<td><button value='{$fila['numero']}' class=button_buscar_user>{$fila['nombre']}</button></td>
```

Buenas.

Prueba a mirar la petición desde el inspeccionador de elementos del navegador, en el apartado de network, para verificar que la variable se este enviando correctamente

Preba de esta manera:


Y asegurate que el archivo PHP este en la ruta correcta.