javascript - 带有 Node.js 的 jQuery 数据表

Question

所以我正在尝试使用数据表插件实现一个分页表，这是我第一次使用这个插件。按照插件文档中的说明，我遵循了插件文档并尝试通过使用 Ajax 从服务器获取值。

我在发出获取请求后似乎收到以下错误，我不确定为什么？

错误:未捕获类型错误:无法读取未定义的属性“长度”

在客户端我有以下代码

viewReports = {
    init: function(){
        $('#paginatedData').DataTable({
            "processing": true,
            "serverSide": true,
            "ajax": '/viewreports'
        });

    }
};

$(document).ready(viewReports.init);

在我的服务器端我有以下内容

router.get('/viewreports', function(res, req){

    async.parallel({
        viewReports: function(callback){
            restCall('/rest/bugbounty/latest/message/searchReport', 'POST', parameters, function(data){
                callback(null, data);
            }); 
        }
    }, function(err, result){
        if(!err){
            res.send(result.viewReports);
            res.render('viewreports');
        }
    });
});

返回的 JSON:

{ reportList: [ { reportID: 'EIBBP-448', eBayUserID: ' ', reportStatus: 'New', summary: 'BugBounty Report created by Raj', lastUpdatedDate: '2015-06-15 01:05', createdDate: '2015-06-15 01:05', paypalLoginID: 'raaj@paypal.com' } ], searchStatus: 'Success', eBayUserID: '', errorCode: '0', rowCount: '6', pageNumber: '1', paginationValue: '1', paypalLoginID: 'raaj@paypal.com' }

很高兴知道是否有人使用过 node.js 服务器端数据表处理

Answer 1

你需要定义dataSrc和 columns.data - 以下应该有效:

var table = $('#example').DataTable({
    processing: true,
    serverSide: true,
    ajax: {
        url: "/viewreports",
        dataSrc: "reportList"
    },    
    columns: [ 
        { data : "reportID" },
        { data : "eBayUserID" },
        { data : "reportStatus" },
        { data : "summary" },
        { data : "lastUpdatedDate" },        
        { data : "createdDate" },        
        { data : "paypalLoginID" }
   ]     
}); 

在一张空 table 上:

<table id="example"></table>  

• dataSrc 指定保存行项的数组的名称(导致“无法读取未定义的属性‘length’”)
• columns.data 将项目属性映射到列