试图创建一个简单的Tabulator Ajax Grid

我已经下载并安装了使用tabulator的正确部分我有一个示例来展示。现在我试图从我的本地主机数据库中提取数据以用于简单的Ajax网格。试图创建一个简单的Tabulator Ajax Grid

这里是PHP代码的文件，我使用所谓的query.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

<!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>

HTML出于某种原因，我如果您有任何建议，请空白页告诉我。

来源

2017-08-01 OverBakedToast

对于初学者需要检查是否'$ .getJSON'回调被触发。如果它复制了json并查看插件是否只是在没有Ajax的情况下传递数据。如果回调没有被触发，请添加一些错误处理。如果没有一些基本的故障排除信息，则有太多的未知数 – charlietfl

也检查浏览器控制台是否有错误 – charlietfl

没有得到需要的JSON自己，制表会为你做的：

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

来源

2017-11-03 07:42:07

试图创建一个简单的Tabulator Ajax Grid

回答

相关问题