Попытка создать простой табулятор Ajax Grid
Я скачал и установил правильные части для использования табулятора. У меня есть пример, чтобы показать.
Теперь я пытаюсь получить данные из базы данных localhost, чтобы использовать их для простой сетки Ajax.
Вот код 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);
}
И это мой HTML для 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>
По какой-то причине я получаю пустую страницу, дайте мне знать, если у вас есть какие-либо советы.
Решение
Вам не нужно приобретать JSON самостоятельно, Tabulator сделает это за вас:
$("#example-table").tabulator("setData", "query.php");
Другие решения
Других решений пока нет …