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
      } );
    }
  } );
} );

回调函数在这里：数据表回调函数

Answer 2

您可以使用“ fnServerData”：为此

$(document).ready(function() {
    $('#example').dataTable( {
        ........
        "fnServerData": function ( sSource, aoData, fnCallback ) {

            $.getJSON( sSource, aoData, function (json) { 

            fnCallback(json)
        } );
        }
    } );
} );

看这里