Есть кнопки с атрибутами 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);
});
});
`id`='...'"
? данные приходят вообще?................. + вместо устаревшего ещё 10 лет назад XHR посмотри в сторону fetch, проще использовать и легче отследить все манипуляции.... ....в целом тебе нужно воспользоваться отладкой как на фронте так и на бэке. чтобы посмотреть где что у тебя происходит