Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJS/DataTables-从JSON文件加载数据_Javascript_Jquery_Ajax_Json_Angularjs - Fatal编程技术网

Javascript AngularJS/DataTables-从JSON文件加载数据

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

我正在使用AngularJS和DataTables。我试图通过JS文件将JSON文件中的数据加载到表中。当我尝试使用ajax加载它时,我得到了以下错误:UncaughtTypeError:无法读取未定义的属性'length',我的表只显示加载。。。直到我尝试对它进行排序,然后它说表中没有可用的数据。有没有办法让我的数据加载

这就是我用来绘制表格和调用数据的方法:

$(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文件中,但我没有更改该文件中的任何内容-我认为只是数据加载或不加载的方式有问题。