목동코딩학원, ajax로 Data를 가져와서 테이블에 표시하는 방법

몇시간을 허비한줄 모른다.

맨위의 script 2줄을 첨부 안해서 안되는줄 모르고 많이 헤맸다 ㅎㅎ

아래처럼 하면 Database 내용이 멋지게 표시된다

 

<script src="https://unpkg.com/bootstrap-table@1.21.2/dist/bootstrap-table.min.js"></script>
<script src="/asset/bootstrap-table-ko-KR.js"></script>

<div class="modal-body">
                <table id="tableFuneralList"
                        data-toggle="table"
                        data-pagination="true"
                        pageSize: 5,
                        data-search="true"
                        data-single-select="true"
                        data-ajax="ajaxRequest"
                        data-click-to-select="true"
                        class="display tableFuneralList" style="width:100%">
                    <thead>
                        <tr>
                            <th data-field="state" data-checkbox="true"></th>
                            <th data-field="번호1">번호1</th>
                            <th data-field="번호2">번호2</th>
                            <th data-field="번호3">번호3</th>
                        </tr>
                    </thead>
                </table>
            </div>
            
 <script>
        function ajaxRequest(params) {
            $.ajax({
                type: "POST",
                url: "ajax_loader.php",
                data: "user-id=1",
                dataType: "json",
                success: function (data) {
                    params.success({
                         "rows": data,
                         "total": data.length
                    })
                },
                error: function (er) {
                    params.error(er);
                }
            });
            }
</script>

<?php
$data = array();

$sql = "";
$sql = $sql." select * from tb ";
$sql = $sql." order by  field_name  asc";
// echo $sql;

$result = mysqli_query($conn,$sql) or die("문장에러!");
$num_rows = mysqli_num_rows($result);
if($num_rows > 0)
{
    while ($row=mysqli_fetch_array($result))
    {
        array_push($data, array("번호"=> $row['no1'], 
        "번호2"=> $row['no2'],
        "번호3"=> $row['no3']));
             }
}
echo json_encode($data);
?>

목동코딩학원 : 온라인코딩교육, 유니티게임개발교육, 로블록스게임개발교육, 한국서비스산업진흥원, 플랫폼프로젝트수업