使用 ajax 从 mysql 填充 jQuery 数据表
Populating jQuery datatables from mysql using ajax
我正在尝试在单击按钮时填充数据表,这将向process.php
发送日期,而该日期又将查询数据库并输出json
数组。
这是我的代码:
Javascript:
var dailyCollTable = $("#dailyColl").DataTable();
$("#dailyBills").click(function(){
var date = $("#billDate").val();
$.ajax({
type:'post',
url:'process.php',
data:{date:date},
dataType:'json',
success:function(s){
console.log(s);
dailyCollTable.fnClearTable();
for(var i = 0; i < s.length; i++){
dailyCollTable.fnAddData([ s[i][0], s[i][1], s[i][2], s[i][3], s[i][4], s[i][5] ]);
}
}
});
});
这就是我的过程.php
<?php
$connection = mysqli_connect("localhost", "root", "", "database");
$date = $_POST['date'];
$query = mysqli_query($connection,"SELECT CustomerName,BillNumber,BillDate,BillAmount,PaidAmount,PaymentDate FROM billentry WHERE Status=1 AND PaymentDate='$date'");
while($fetch = mysqli_fetch_array($query)){
$output[] = array ($fetch[0],$fetch[1],$fetch[2],$fetch[3],$fetch[4],$fetch[5]);
}
echo json_encode($output);
?>
我检查了浏览器控制台。阵列运行正常。我得到的错误是
uncatch TypeError: dailyCollTable.fnClearTable 不是函数
我已经包含了所有必要的库。
完全相同的代码适用于我以前的表。
查询末尾有错误...PaymentDate='$date'
你应该写...PaymentDate='" . $date . "'
相关文章:
- 用程序搜索JQuery数据表中的文本
- jquery数据表的自定义ko绑定
- jquery数据表在初始化时设置宽度
- 如何通过下拉值更改来更改jquery数据表的值
- 来自应用程序状态的Jquery数据表源
- 如何根据某些条件向可编辑的jquery数据表添加或删除按钮
- 如何在不使用TableTool的情况下从jquery数据表中获取选定的行索引
- Jquery 数据表选择位于第 1 页以外的其他页上的行
- jQuery 数据表 在页面上导航时,在分页表上重置行的数据
- 如果我在页面之间移动,Jquery 数据表行事件会卡住
- 引导程序 3 折叠面板中的 Jquery 数据表响应插件
- 为什么不允许在jquery数据表服务器端处理ajax中使用成功
- 对 jQuery 数据表中的所有选定行求和
- 使用jquery数据表,我可以't在不破坏FixedHead的情况下生成单元格colspan=3
- 扩展详细信息Jquery数据表的持久性
- jquery数据表显示/隐藏列添加了错误的选择
- 如何暂停和重新启动jquery数据表插件
- jquery数据表滚动条定位
- Jquery 数据表 序列化程序之后 ASP.NET 日期格式
- 具有三色行的Jquery数据表