javascript - 如何将 JSON 编码的 PHP 数组发送到同一页面上的数据表

Question

这里有一个简单的问题，但我对数据表很陌生，所以请原谅我的无知:我有一个查询，我将其放入数组中，然后以 JSON 格式对其进行编码，如何将此数组发送到数据表以便填充每一行？我查看了其他线程，但他们使用 ajax 从外部引用脚本，而我的线程位于同一页面上(不确定这是否有区别)。我的脚本如下所示:

<?php
if(isset($_POST['post_id'])){
    $in = $_POST['post_id'];
}
$data = array();
foreach ($in as $id){
    $query = $link->prepare("SELECT provider_num, provider_name, 233_net_charity_care, 291_cost_of_non_mcr_bad_debts, 301_cost_of_uncomp_care 
                            FROM `s10`
                            WHERE `id` = :id");
    $query->bindParam(':id', $id, PDO::PARAM_INT);
    $query->execute();
    $results = $query->fetch(PDO::FETCH_ASSOC);
    $data[] = $results;
}
json_encode($data);
?>

其中 post_id 是从上一个表单提交到页面的 id 值的初始数组，为了简单起见，我们假设这次我只提交了一行。

JSON 输出如下所示

[{"provider_num":"140124","provider_name":"JOHN H. STROGER JR. HOSP OF COOK CTY","233_net_charity_care":"163307737","291_cost_of_non_mcr_bad_debts":"181677291","301_cost_of_uncomp_care":"344985028"}]

然后我以什么方式初始化数据表来接收这些数据

到目前为止我已经:

$(document).ready(function() {
    $('#example').dataTable( {
        "ajax": "",                      <== What goes here?
        "columns": [
            { "data": "provider_num" },
            { "data": "provider_name" },
            { "data": "233_net_charity_care" },
            { "data": "291_cost_of_non_mcr_bad_debts" },
            { "data": "301_cost_of_uncomp_care" }
        ]
    } );
} );

任何见解都会很棒，我对jquery总体来说很陌生，所以如果这是一个简单的问题，我深表歉意。我尝试阅读文档，但遇到了相关问题。

提前致谢

Answer 1

首先，如果您的前端脚本和服务器脚本(php)位于同一页面中，则不需要使用ajax。

您可以在 php 脚本之后简单地设置这样的数据

var tableData = <?php echo json_encode($data); ?>;  

然后在数据表初始化方法中，使用这个

$(document).ready(function() {
    $('#example').dataTable({
        "aaData": tableData,                               
        "aoColumns": [
            { "data": "provider_num" },
            { "data": "provider_name" },
            { "data": "233_net_charity_care" },
            { "data": "291_cost_of_non_mcr_bad_debts" },
            { "data": "301_cost_of_uncomp_care" }
        ]
    });
});