Я хочу отображать данные из базы данных в моде Bootstrap с использованием таблиц данных.
Вот модал:
<div class="modal fade" id="cartModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form>
<div class="modal-body">
<table class="table table-responsive table-borderless" id="cart-content">
<thead>
<tr>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
</table>
</div>
</form>
</div>
</div>
Теперь я использую таблицы данных, чтобы отобразить его, и ajax, так что страница не должна перезагружаться для обновления содержание.
function cart_contents() {
$.ajax({
url: "cartContents.php",
type: "GET",
dataType: "JSON",
success: function(data){
//console.log(data);
$('#cart-content').dataTable({
"aaData": data,
"scrollX": false,
"aoColumns": [
{"sTitle": "Product", "mData": "product"},
{"sTitle": "Price", "mData": "price"},
{"sTitle": "Qty.", "mData": "quantity"}
]
})
},
error: function(data){
alert('Failed');
}
})
}
Вот кнопка, которая вызывает модальное значение:
<button class="d-none d-sm-inline-block btn btn-xl btn-primary shadow-sm" data-target="#cartModal" data-toggle="modal">View Cart</button>
А вот и моя корзинаКонтент. php:
<?php
include_once('../db.php');
$stmt = $conn->prepare("SELECT * FROM cart");
if($stmt->execute()){
$result = $stmt->get_result();
while($row = $result->fetch_assoc()){
$output[] = array("id"=>$row['ID'], "product"=>$row['name'], "quantity"=>$row['quantity'], "price"=>$row['price']);
}
echo json_encode($output);
}
$stmt->close();
Однако я могу кажется, не отображать содержимое на модальном. Я не знаю, в чем проблема.