datatype未定义是什么意思_JavaScript-DataTable错误-无法读取未定义的属性’length’...

我正在尝试使用对服务的Ajax调用来构建我的DataTable(1.10.5)-http://www.datatables.net/examples/ajax/

这是我的Javascript:

$('#tableexample').DataTable({

"dom": 'Clfrtip',

"bProcessing": true,

"bServerSide": true,

"sAjaxSource": "../../api/EventTypes/GetAll",

"aoColumnDefs": [

{

"aTargets": [0],

"mData": "Id"

},

{

"aTargets": [1],

"mData": "Name"

},

{

"aTargets": [2],

"mData": "Name"

},

{

"aTargets": [3],

"mData": "Name"

},

{

"aTargets": [4],

"mData": "Name"

}

]

});

这是我的HTML:

SelectEventPrimary CategorySecondary CategoryWorkflow

这是我的错误:

Uncaught TypeError: Cannot read property 'length' of undefined

如果我看我的jquery.dataTables.js-它表示我的数据未定义…

var data = _fnAjaxDataSrc( settings, json );

谁能帮我正确设置我的ajax调用来动态构建表?

谢谢!

解决方法:

终于找到了!

我需要进行ajax调用并将数据传递给“ aaData”:

$.ajax({

url: '/Portal/api/EventTypes/GetEventWorkflowDefinitions',

type: 'GET',

dataType: 'json',

success: function (data) {

assignToEventsColumns(data);

}

});

function assignToEventsColumns(data) {

var table = $('#tableexample').dataTable({

"dom": 'Clfrtip',

"bAutoWidth": false,

"aaData": data,

"aaSorting": [],

"aoColumnDefs": [

{

"aTargets": [0],

"bSearchable": false,

"bSortable": false,

"bSort": false,

"mData": "EventTypeId",

"mRender": function (event) {

return '';

}

},

{

"aTargets": [1],

"mData": "EventType"

}

一旦我做完了……桌子就可以完美地建起来了!

标签:ajax,datatable,javascript,jquery

来源: https://codeday.me/bug/20191028/1953605.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值