Question

我正在使用DataTable并且有一个返回JSON的源，这些数据存储在变量'myJson'中，该变量具有以下格式的名字，姓氏和联系人类型：

var myJson = "[ 
       {
           "fname" : "Smith",
          "lname" : "Hardy",
         "contactType" : "Permanent"
      }, {
        "fname" : "Justin",
        "lname" : "Joshua",
        "contactType" : "Permanent"
    }, {
        "fname" : "Linda",
        "lname" : "Gary",
        "contactType" : "Temporary"
    }, {
        "fname" : "Dan",
        "lname" : "Kevin",
        "contactType" : "Temporary"
    }, {
        "fname" : "Linda",
        "lname" : "Jenman",
        "contactType" : "Temporary"
    }, {
        "fname" : "Willams",
        "lname" : "Steve",
        "contactType" : "Temporary"
    }, {
        "fname" : "Dan",
        "lname" : "Kevin",
        "contactType" : "Temporary"
    }, {
        "fname" : "Robert",
        "lname" : "Ryan",
        "contactType" : "Temporary"
    }, {
        "fname" : "Richard",
        "lname" : "Kevin",
        "contactType" : "Temporary"
    }, {
        "fname" : "Evon",
        "lname" : "Godwin",
        "contactType" : "Permanent"
    }, {
        "fname" : "Charles",
        "lname" : "Ben",
        "contactType" : "Temporary"
    }
]"

这是我的JavaScript代码，用于连接到JSON并在DataTable中显示数据。

      $(document).ready(function() {
       $('#tblEmployees').DataTable( {
          //how to connect to JSON to display data in DdataTable
       } );
   } );

下面是我的表格HTML标记，用于显示信息：

<table id="tblEmployees" class="display" cellspacing="0" width="100%">
  <thead>
      <tr>
       <th>First Name</th>
       <th>Last Name</th>
       <th>Contact Type</th>
   </tr>
</thead>            
</table>

将JSON连接到DataTable的最佳方法是什么？

Answer 1

试试这个：

$(document).ready(function() {
    var data = [];
    data.push(
        [1,"Sasha","Brenna","0800 1111"],
        [2,"Sage","Mia","(01012) 405872"],
        [3,"Chelsea","Allistair","076 0578 0265"],
        [4,"Uta","Savannah","070 1247 5884"],
        [5,"Remedios","Berk","0995 181 0007"],
        [6,"Ruby","Wayne","0800 1111"],
        [7,"Faith","Fredericka","(01709) 099879"],
        [8,"Myra","Harrison","070 4241 9576"],
        [9,"Drake","Miriam","0800 733635"],
        [10,"Reed","Shannon","076 8597 5067"]
    );

    $('#data_table').DataTable( {
        data: data
    });
});

Working Fiddle

将JSON连接到数据表

1 个答案: