jquery - 如何在Ajax加载数据表中使用回调函数？

Question

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

在上面的示例中，当 sAjaxSource 将数据加载到数据表中时，我希望有一个在数据加载后调用的回调函数，正确的方法是什么。

上面给出的解决方案不能解决我的问题。我不想对数据表中的数据执行任何操作，我只想等待数据加载，然后使用该数据更新 DOM 上的另一个 div。

Answer 1

这里是从服务器回调函数加载数据的示例。您也可以使用相同的函数修改数据。

$(document).ready( function() {
  $('#example').dataTable( {
    "bProcessing": true,
    "bServerSide": true,
    "sAjaxSource": "xhr.php",
    "fnServerData": function ( sSource, aoData, fnCallback, oSettings ) {
      oSettings.jqXHR = $.ajax( {
        "dataType": 'json',
        "type": "POST",
        "url": sSource,
        "data": aoData,
        "success": fnCallback
      } );
    }
  } );
} );

此处回调函数:Datatable Callback functions