Как передать значение атрибута кнопки в SQL-запрос?

Question

Есть кнопки с атрибутами data-id

<button id="updatedetail" data-id="1">Редактировать</button>
<button id="updatedetail" data-id="2">Редактировать</button>
<button id="updatedetail" data-id="3">Редактировать</button>

Далее следует вывод данных из БД на php

<div id="detailname">
<?php 
$detail_object = mysqli_query ($connection, "SELECT * FROM detail WHERE id='...'");
$detail = mysqli_fetch_assoc ($detail_object);
?>
<p><?php echo $detail['name']; ?></p>
</div>

Как при нажатии кнопки передать значение атрибута в SQL запрос, а конкретно в часть WHERE id='...' ?

P.S. Пробовал ajax, но почему-то на моем примере не работает

document.querySelectorAll('#updatedetail').forEach(e => {
  e.addEventListener('click', () => {
    var showid = e.dataset.id;
    const request = new XMLHttpRequest();
    const url = 'modal.php'; 
    const data = {id: showid}
request.open("POST", url, true);
request.setRequestHeader("Content-type", "text/plain; charset=UTF-8");
request.addEventListener("readystatechange", () => {
    if (request.readyState === 4 && request.status === 200) {
        modal.innerHTML = request.responseText;
    } else {
        console.log(response);
    }
});
request.send(data);

});
});

Answer 1

если ловишь значени id через POST, то

$id = $_POST['updatedetail'];

если через GET то,

$id = isset($_GET['id']) ? $_GET['id'] : null;

ну а в SQL просто передаешь $id

"SELECT * FROM `detail` WHERE `id`='{$id}'"