$_GET запросы отправляются по несколько раз подряд, Подскажите как исправить
У меня есть таблица, которая заполняется из БД. Я хочу реализовать открытие формы по клику на 1 столбец строки таблицы, которая будет заполняться данными из БД с возможностью отредактировать данные в форме и отправить их обратно на сервер с изменениями.
Сейчас форма открывается если кликнуть на ячейку 2-3 раза, отправляется запрос, данные переносятся в форму, но если кликать на другие ячейки то в форме будут данные из строки на которую нажал первый раз, также с каждым нажатием за раз уходит на 1 запрос больше.
Сначала отправляется один $_GET, потом 2, 3, 4. подозреваю что у меня что-то неправильно написано в AJAX, но не могу понять. Помогите пожалуйста.
function Edit_mero() {
var b = document.querySelector('#wb_EmbeddedPage2');
if (b.style.display == 'block'){
b.style.display = 'none';
$(document).ready(function(){
const tbody = document.querySelector('#table1 tbody');
tbody.addEventListener('click', function (e) {
const cell = e.target.closest('#c1');
if (!cell) {return;}
const row = cell.parentElement;
var a = cell.innerHTML;
$.ajax({
method:'get',
url: "php/isset.php",
cache: false,
dataType: 'html',
data:{id: cell.innerHTML}
})
.done(function(){
console.log(a)
});
});
});
}
else
b.style.display = 'block';
}
<?php
$query = "SELECT * FROM main";
$result = sqlsrv_query($conn,$query);
for($data=[];$row=sqlsrv_fetch_array($result);$data[]=$row) ;
$result='';
foreach($data as $elem) {
echo '<tr id="tableid">';
echo '<td class="cell1" id ="c1" onclick="Edit_mero()">' . $elem['id'] . '</td>';
echo '<td class="cell1"><span id="wb_uid40">' . date_format($elem['timestart'], 'd.m.Y H:i') . '</span></td>';
echo '<td class="cell1"><span id="wb_uid40">' . date_format($elem['timeend'], 'd.m.Y H:i') .'</span></td>';
echo '<td class="cell1"><span id="wb_uid40">' . $elem['eol'] . '</span></td>';
echo '<td class="cell1"><span id="wb_uid40">' . $elem['hr'] . '</span></td>';
echo '<td class="cell1"><span id="wb_uid40">' . $elem['zno'] . '</span></td>';
echo '<td class="cell1"><span id="wb_uid40">' . $elem['mero'] . '</span></td>';
echo '<td class="cell1"><span id="wb_uid40">' . $elem['own'] . '</span></td>';
echo '<td class="cell1"><span id="wb_uid40">' . $elem['do'] . '</span></td>';
echo '<td class="cell1"><span id="wb_uid40">' . $elem['place'] . '</span></td>';
echo '<td class="cell1"><span id="wb_uid40">' . $elem['room'] . '</span></td>';
echo '<td class="cell1"><span id="wb_uid40">' . $elem['vip'] . '</span></td>';
echo '<td class="cell1"><span id="wb_uid40">' . $elem['prior'] . '</span></td>';
echo '<td class="cell1"><span id="wb_uid40">' . $elem['form'] . '</span></td>';
echo '<td class="cell1"><span id="wb_uid40">' . $elem['trans'] . '</span></td>';
echo '<td class="cell1"><span id="wb_uid40">' . $elem['test'] . '</span></td>';
echo '<td class="cell1"><span id="wb_uid40">' . $elem['rent'] . '</span></td>';
echo '<td class="cell1"><span id="wb_uid40">' . $elem['travel'] . '</span></td>';
echo '<td class="cell1"><span id="wb_uid40">' . $elem['status'] . '</span></td>';
echo '<td class="cell1"><span id="wb_uid40">' . $elem['info'] . '</span></td>';
echo '</tr>';
}
echo $result;
sqlsrv_close($conn);
?>