DataTables 踩坑记录

最近在Ace Admin模板的基础上搭一个管理后台模板,其中在dataTables使用过程中,想通过Ajax方式从后台

获取数据,参考官方文档中的Examples一直失败。最后发现由于Ace中 jquery.dataTables.min.js 的版本原因(1.9.4)导致。

/*
 * File:        jquery.dataTables.min.js
 * Version:     1.9.4

而当前DataTables官方文档: 文档(新)是 1.10.* 版本的文档。  最后附上 文档(旧)

注意 版本 版本 版本

以下是不同版本的 Ajax 调用方式的区别

1.9.4 版本方式如下,具体参考 AJAX source example

$(document).ready(function() {
    $('#example').dataTable( {
        "bProcessing": true,
        "sAjaxSource": '../ajax/sources/arrays.txt'
    } );
} );

==================================================

新版本  1.10.* 方式如下 ,具体参考 Ajax data source (arrays)

$(document).ready(function() {
    $('#example').DataTable( {
        "ajax": "data/arrays.txt"
    } );
} );


你可能感兴趣的:(前端)