我正在使用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的最佳方法是什么?
答案 0 :(得分:0)
试试这个:
$(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
});
});