Javascript AngularJS/DataTables-从JSON文件加载数据
我正在使用AngularJS和DataTables。我试图通过JS文件将JSON文件中的数据加载到表中。当我尝试使用ajax加载它时,我得到了以下错误:UncaughtTypeError:无法读取未定义的属性'length',我的表只显示加载。。。直到我尝试对它进行排序,然后它说表中没有可用的数据。有没有办法让我的数据加载 这就是我用来绘制表格和调用数据的方法:Javascript AngularJS/DataTables-从JSON文件加载数据,javascript,jquery,ajax,json,angularjs,Javascript,Jquery,Ajax,Json,Angularjs,我正在使用AngularJS和DataTables。我试图通过JS文件将JSON文件中的数据加载到表中。当我尝试使用ajax加载它时,我得到了以下错误:UncaughtTypeError:无法读取未定义的属性'length',我的表只显示加载。。。直到我尝试对它进行排序,然后它说表中没有可用的数据。有没有办法让我的数据加载 这就是我用来绘制表格和调用数据的方法: $(document).ready(function() { var oTable = $('#myTable').dataTabl
$(document).ready(function() {
var oTable = $('#myTable').dataTable( {
"sDom": 'lrtip',
"aaSorting": [],
"sAjaxSource": '../controllers/apps.json',
"sAjaxDataProp": "",
"bProcessing": true,
"aoColumns": [
{"apps": "appName"},
{"apps": "dateCreated"},
{"apps": "dateUpdated"},
{"apps": "payload"},
{"apps": "status"},
{"apps": "errorCode"},
{"apps": "errorDesc"}
],
});
我的JSON数据的一部分:
{
"head" : [
{"id": 1, "name": "Application Name", "class": "filtersearch"},
{"id": 2, "name": "Date Created"},
{"id": 3, "name": "Date Updated"},
{"id": 4, "name": "Payload"},
{"id": 5, "name": "Status", "class": "filtersearch"},
{"id": 6, "name": "Error Code", "class": "filtersearch"},
{"id": 7, "name": "Error Description"}
],
"details" : [
{"id": 1, "name": "Application Name"},
{"id": 2, "name": "Error Description"},
{"id": 3, "name": "Record Count"},
{"id": 4, "name": "Record Fail"}
],
"status" : [
{"id": 1, "name": "Active"},
{"id": 2, "name": "Inactive"},
{"id": 3, "name": "Unknown"}
],
"errorCode" : [
{"id": 1, "name": "Code01"},
{"id": 2, "name": "Code02"},
{"id": 3, "name": "Code03"},
{"id": 4, "name": "Code04"}
],
"apps" : [
{"appName": "App01",
"dateCreated": "01/01/2015",
"dateUpdated": "01/04/2015",
"payload": "Payload01",
"status": 0,
"errorCode": 0,
"errorDesc": "Desc01",
"recordCount": 1,
"recordFail": 1},
编辑:我更改了var oTable的代码-错误消失了,但现在它没有加载任何数据。可能值得研究一下我正在使用的@Jack,我认为它与此非常相似。我想值得一提的是,因为你正在使用AngularJS:你知道你发布错误的代码的哪一行吗?你的JSON定义好了吗?在本例中,它不是,您是否正在验证您期望的数据是否实际从您的呼叫中返回?例如,您已经使用控制台工具检查响应等?@Jack错误在jquery.dataTables.js文件中,但我没有更改该文件中的任何内容-我认为只是数据加载或不加载的方式有问题。