javascript - jQueryデータブルにJSONオブジェクトを移入する際のエラー

Question

                       var resultTable = $('#templateRegArea').DataTable({

                            "columns": [
                                { data: "ID" },
                                { data: "Name" },
                                { data: "Description" },
                            ],
                        });
                        resultTable.rows.add(response.d).draw();
                        dataSet = response.d;

Jqueryデータテーブルの「response.d」に存在する値でテーブル「templateRegArea」をバインドしようとしています。

response.d

「レスポンス」の価値を付けました。私が直面している問題は、データがテーブルにロードされていないことです。ヘルプ ：（

Answer 1

jQuery DataTables が配列の配列またはオブジェクトの配列を必要とする場合、サーバー側スクリプトはオブジェクトを生成します。例えば：

{
    "d": [{
        "ID": "1",
        "Name": "John",
        "Description": "Test"
    }, {
        "ID": "2",
        "Name": "Bob",
        "Description": "Test"
    }]
}

以下に示すようにデータ構造を修正する場合、初期化コードを次のように変更する必要があります。

var resultTable = $('#templateRegArea').DataTable({
   "data": response.d,
   "columns": [
      { "data": "ID" },
      { "data": "Name" },
      { "data": "Description" }
   ]
});

既存のデータ構造を使用して、以下のコードを使用できますが、これは 1 つのデータ行に対してのみ有効です。

var resultTable = $('#templateRegArea').DataTable({
   "data": [response.d],
   "columns": [
      { "data": "ID" },
      { "data": "Name" },
      { "data": "Description" }
   ]
});