Я пытаюсь сделать так, чтобы страница index.php автоматически загружала данные каждые 2 секунды из таблицы MySQL, используя setTimeout().Проблема в том, что каждый раз, когда я нажимаю кнопку View Details со второй страницы (order.php), модал загружается, НО закрывается сразу через 2 секунды.
Как я могу предотвратить автоматическое закрытие мод, когда янажмите кнопку View Details и продолжите обновление div, чтобы загрузить данные из таблицы MySQL после закрытия модального?
index.php (первая страница php)
// INDEX.PHP
<body>
<div id = "showCustomerOrder_div"></div>
</body>
<script>
var interval = 2000;
function displayCustomerOrder() {
$.ajax({
type: 'POST',
url: 'order.php',
data: { },
success: function (data) {
$('#showCustomerOrder_div').html(data);
},
complete: function (data) {
setTimeout(displayCustomerOrder, interval);
}
});
}
setTimeout(displayCustomerOrder, interval);
</script>
order.php (вторая страница php)
// ORDER.PHP
<?php
$count = 0;
while ($rows = mysqli_fetch_array($query)) {
$count++;
$date = $rows['date_order'];
$receipt = $rows['receipt_no'];
$fullname = $rows['fullname'];
$restoname = $rows['resto_name'];
$total = $rows['Total'];
?>
<tr>
<td><?php echo $count; ?></td>
<td><?php echo date_format($date,"m/d/y h:i:s"); ?></td>
<td><?php echo $receipt; ?></td>
<td>
<a href = "#orderDetails<?php echo $receipt; ?>" data-toggle = "modal" class = "btn btn-primary">View Details</a>
</td>
</tr>
<div class = "modal" id = "orderDetails<?php echo $receipt; ?>">
<div class = "modal-dialog">
<div class = "modal-content">
<div class = "modal-header">
</div>
<div class = "modal-body">
<div class = "row">
<div class = "col"><?php echo $rows['receipt_no']; ?></div>
<div class = "col"><?php echo $rows['fullname']; ?> </div>
<div class = "col"><?php echo $rows['Total']; ?> </div>
</div>
</div>
<div class = "modal-footer">
</div>
</div>
</div>
</div>
<?php
}
?>
Большое спасибо!