用MySQL填充jQuery数据表
Populate a jQuery DataTable with MySQL
我试图用MySQL数据库的信息填充jQuery DataTable,而不使用AJAX。我更喜欢使用更简单的代码,因为这个项目意味着尽可能少。下面的代码在我的HTML标记开始之前:
<?php
//Connect to the MySQL database
$usernameMain = "username";
$passwordMain = "password";
$hostMain = "host";
$dbnameMain = "database";
$optionsMain = array(PDO::MYSQL_ATTR_INIT_COMMAND => 'SET NAMES utf8');
$dbMain = new PDO("mysql:host={$hostMain};dbname={$dbnameMain};charset=utf8", $usernameMain, $passwordMain, $optionsMain);
$sql = 'SELECT name,date,location,entity,type FROM `events`';
$result = $dbMain->query($sql);
?>
我已经生成了一个连接到我的数据库(我删除了我的详细信息),并且还确保为jQuery数据表导入脚本文件。
在下面的HTML文档中,我创建了一个表,并尝试使用while循环回显该数据库信息:
<table class="table table-hover table-nomargin table-bordered usertable"
id="datatables">
<thead>
<tr class='thefilter'>
<th class='with-checkbox'></th>
<th>Name</th>
<th>Location</th>
<th>Type</th>
<th>Date</th>
<th>Entity</th>
<th>Options</th>
</tr>
<tr>
<th class='with-checkbox'><input id="check_all" name=
"check_all" type="checkbox"></th>
<th>Name</th>
<th>Location</th>
<th>Date</th>
<th>Type</th>
<th>Sponsoring Entity</th>
<th>Options</th>
</tr>
</thead>
<tbody>
<!--Gather Rows from Database-->
<?php
$row = mysqli_fetch_array($result);
while ($row) {
?>
<tr>
<td class="with-checkbox"><input name="check" type="checkbox"
value="1"></td>
<td><?php echo $row['name']; ?></td>
<td><?php echo $row['date']; ?></td>
<td><?php echo $row['location']; ?></td>
<td><?php echo $row['entity']; ?></td>
<td><?php echo $row['type']; ?></td>
<td>
<a class="btn icon-pencil" href="#" rel="tooltip" style=
"font-style: italic" title="Edit"></a> <a class=
"btn icon-plus-sign" href="#" rel="tooltip" style=
"font-style: italic" title="Enter Attendance"></a>
</td>
</tr>
<?php
}
?>
</tbody>
</table>
然后在创建这个表之后,我插入了以下Javascript代码,用jQuery将表初始化为一个DataTable:
<script type="text/javascript">
(document).ready(function() {
$('#datatables').dataTable( {
} );
);
</script>
我没有适当的声誉来上传图像,所以我用我的网站的数据库设置创建了一个Imgur相册,我在这里得到的HTML页面的错误:https://i.stack.imgur.com/cS39D.jpg
我不确定问题是数据库连接,数据表还是其他东西。我在这个问题上花了很多时间,但一直遇到障碍。如有任何帮助,我将不胜感激。
事先感谢您的协助
您可以只使用dataTable的data选项,并通过json_encode
提供php数据结构dataTable({
...
data: <?phpecho json_encode($data_prepared_from_db); ?>
})
相关文章:
- 用程序搜索JQuery数据表中的文本
- jquery数据表的自定义ko绑定
- jquery数据表在初始化时设置宽度
- 如何通过下拉值更改来更改jquery数据表的值
- 无法删除数据表jquery中的多行
- 为什么分页数据表JQuery没有'不要使用JSF ui:重复
- 数据表jquery分页和colreorder
- 如何在字符串中包含隐藏的 HTML 元素 - 数据表 - jquery
- 数据表 jQuery 无法重新初始化数据表
- 使用数据表 jQuery 将数据插入到特定列单元格中
- 数据表 jQuery 单击事件在分页后不起作用
- 我怎么能得到值从tfoot数据表jquery
- 如何获得DOM的单元格在单列与隐藏行在数据表jquery
- 数据表(JQuery)关于如何多列过滤文本框中给定的包含数据的数组
- 滚动到选定的行在数据表jQuery插件
- 添加复选框到数据表JQuery服务端
- 数据表(jQuery的表插件)在离开和返回数据表时继续您离开的地方
- 数据表&JQuery在IE8中被破坏
- 更改数据表jquery Header&页脚宽度
- 创建自定义搜索框的数据表JQuery插件