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写入响应。您还需要向data数组添加columns属性。请参阅下面的完整脚本：

＆＃13;

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" }
                ]
            });
      });

＆＃13;

<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>

＆＃13;

Answer 2

var JSONarray = [{
    "id": "ffd60d8e-4b2d-a693-bfcc-5959e202caa3",
    "nr_faktury": "FV\/45654fgh\/fh231",
    "nazwa_klienta": "klient3",
    "kwota": "6045.00"
    }];

$(document).ready(function(){
    $('#example').DataTable({
                "ajax": JSONarray, //Replace JSONarray with data source URL
                columns: [
                    { title: "id" },
                    { title: "nr_faktury" },
                    { title: "nazwa_klienta" },
                    { 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>

从JS数组中打印JSON的数据表

以下是我的代码：

2 个答案: