Question

我已经下载并安装了正确的部件以使用制表工具我举例说明。现在我试图从我的localhost数据库中提取数据，以用于一个简单的Ajax网格。

以下是我在名为query.php

的文件中使用的PHP代码

<?php
$db = new mysqli('localhost', 'root', 'PASS');
if ($db->connect_error) {
    die("Connection failed: " . $db->connect_error);
}


$result = $db->query($db, "SELECT * FROM dataBase.table;");
if ($result) {
    $to_encode = array();
    while ($row = mysqli_fetch_assoc($result)) {
        $to_encode[] = $row;
    }
    echo json_encode($to_encode);
}

这是我的index.html

的HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Bitnami: Open Source. Simplified</title>
    <link href="bitnami.css" media="all" rel="Stylesheet" type="text/css"/>
</head>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery-ui.min.js"></script>
<script type="text/javascript" src="tabulator/dist/js/tabulator.min.js">
</script>
<div id="example-table">
    <script type="text/javascript">
        $.getJSON('query.php', function (data) {
            var mydata = $.parseJSON(data);
            $("#example-table").tabulator("setData", mydata);
        });
    </script>
</div>
</body>
</html>

出于某种原因，如果您有任何建议，我会得到一个空白页面，告诉我。

Answer 1

没有必要自己获取JSON，Tabulator会为你做到这一点：

$("#example-table").tabulator("setData", "query.php");

试图创建一个简单的Tabulator Ajax网格

1 个答案: