1
私は適切なパーツをダウンロードしてインストールしました。 これで、単純なAjaxグリッド用にlocalhostデータベースからデータを取得しようとしています。私は、ここで 簡単なTabulator Ajaxグリッドを作成しようとしています
は<?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);
}
をquery.phpという名前のファイルに私が使用しているPHPコードであり、これはいくつかの理由の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です空白のページが表示されたら、アドバイスがあれば教えてください。
は '$ .getJSON'コールバックがトリガされますかどうかを確認する必要があります。それがjsonをコピーして、プラグインがajaxを使わずにデータを渡すかどうかを確認します。コールバックがトリガされない場合は、エラー処理を追加します。いくつかの基本的なトラブルシューティング情報がないと、未知数が多すぎます – charlietfl
ブラウザコンソールのエラーもチェックしてください – charlietfl