Как отобразить содержимое базы данных в модальной форме, используя ajax datatables - PullRequest
0 голосов
/ 08 апреля 2020

Я хочу отображать данные из базы данных в моде 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();

Однако я могу кажется, не отображать содержимое на модальном. Я не знаю, в чем проблема.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...