从json URL在数据表中显示动态数据

时间:2018-08-29 07:17:31

标签: c# jquery html asp.net ajax

我有json URL,我想在数据表中动态显示该json数据。我有以下代码,但无法正常工作。

 $.ajax({
        url: 'https://jsonplaceholder.typicode.com/todos',
        data: {
            format: 'json'
        },
        error: function () {
            $('#info').html('<p>An error has occurred</p>');
        },
        dataType: 'json',
        success: function (data) {
            var col = [];
            var rdata = [];
            for (var i = 0; i < data.length; i++) {
                for (var key in data[i]) {
                    if (col.indexOf(key) === -1) {
                        col.push(key);
                    }
                }
            }

            for (var i = 0; i < data.length; i++) {
                for (var j = 0; j < col.length; j++) {
                    rdata.push(data[i][col[j]]);
                }
            }
           $('#displayTable').DataTable({
                "destroy": true,
                "data": rdata,
                "scrollX": "100%",
                "columns": col
            });
        },
        type: 'GET'
    });




});

它给出了不能使用'in'运算符在userId中搜索'length',有人可以帮助我解决它。 如果您需要更多信息,那么我可以提供。

1 个答案:

答案 0 :(得分:0)

尝试一下

$.ajax({
        url: 'https://jsonplaceholder.typicode.com/todos',
        data: {
            format: 'json'
        },
        error: function () {
            $('#info').html('<p>An error has occurred</p>');
        },
        dataType: 'json',
        success: function (data) {
            var col = [];
            var rdata = [];
            $.each(data, function(index, element) {
                for (var key in element) {
                    if (col.indexOf(key) === -1) {
                        col.push(key);
                    }
                }
            }

            $.each(data, function(index, element) {
                for (var j = 0; j < col.length; j++) {
                    rdata.push(element[index][col[j]]);
                }
            }
           $('#displayTable').DataTable({
                "destroy": true,
                "data": rdata,
                "scrollX": "100%",
                "columns": col
            });
        },
        type: 'GET'
    });