javascript - 使用 ajax 从 mysql 填充 jQuery 数据表

Question

我正在尝试在单击按钮时填充数据表，这将向 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] ]);
            }
        }
    });
});

这是我的process.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);

?>

我检查了浏览器控制台。数组很好。我得到的错误是

Uncaught TypeError: dailyCollTable.fnClearTable is not a function

我已经包含了所有必要的库。

完全相同的代码适用于我之前的表格。

Answer 1

查询结束时有错误 ...PaymentDate='$date'

你应该写 ...PaymentDate='". $date . "'