javascript - 从 JS 数组打印 JSON 数据表

Question

我有一个 JS var JSONarray，它由 PHP 脚本初始化，并为其分配一个 JSON 值。我尝试使用 DataTables 格式化数据并以可读形式打印它，但我无法管理它工作。PHP 代码工作正常，我尝试了 DataTables 站点中的数据示例，它工作正常，但使用此 JSON 则无法工作。

这是我的代码:

JSONarray

var JSONarray = [{
    "id": "ffd60d8e-4b2d-a693-bfcc-5959e202caa3",
    "nr_faktury": "FV\/45654fgh\/fh231",
    "nazwa_klienta": "klient3",
    "kwota": "6045.00"
    }];

JS

$(function() {
    $('#example').DataTable( {
                "ajax": JSONarray,
                columns: [
                    { title: "id" },
                    { title: "nr_faktury" },
                    { title: "nazwa_klienta" },
                    { title: "kwota" }
                ]
            } );
});

Answer 1

您可以更改数据源定义以使用 data 而不是 ajax，因为不涉及 Ajax 调用 - 您在加载时将 JSONArray 直接写入响应中这一页。您还需要向 columns 数组添加一个 data 属性。请参阅下面的完整脚本:

var JSONarray = [{
    "id": "ffd60d8e-4b2d-a693-bfcc-5959e202caa3",
    "nr_faktury": "FV\/45654fgh\/fh231",
    "nazwa_klienta": "klient3",
    "kwota": "6045.00"
    }];

$(document).ready(function(){
    $('#example').DataTable({
                data: JSONarray, //Replace JSONarray with data source URL
                columns: [
                    { data: "id", title:"id" },
                    { data: "nr_faktury", title: "nr_faktury" },
                    { data: "nazwa_klienta", title:"nazwa_klienta" },
                    { data: "kwota", title:"kwota" }
                ]
            });
      });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
<table id='example'></table>