Как вызвать функцию JavaScript после завершения SAjaxsource в JQuery Datatables

Question

Я использую JQuery SAjaxsource Как я могу вызвать функцию javascript после завершения SAjaxsource.Я хочу обновить div после завершения загрузки данных. Пожалуйста, помогите мне ...

Редактировать:

$(document).ready( function() {
                var oTable = $('#example').dataTable( {

                    "bServerSide": true,
                                    "sSearch":false,
                                    "aLengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
                                    "bPaginate": true,
                                    "bJQueryUI": true,
                                    "sPaginationType": "full_numbers",
                                    "sAjaxSource": "server_processingCDB1.php"
                } );

Answer 1

взгляните на параметр fnServerData в разделе справки по обратным вызовам -> http://www.datatables.net/usage/callbacks

Дает вам все, что вам нужно ... вот пример кода:

$(document).ready(function() {
    $('#example').dataTable( {
        "bProcessing": true,
        "bServerSide": true,
        "sAjaxSource": "../examples_support/server_processing.php",
        "fnServerData": function ( sSource, aoData, fnCallback ) {
            $.getJSON( sSource, aoData, function (json) { 
                /* Do whatever additional processing you want on the callback, then tell DataTables */
                fnCallback(json)
            } );
        }
    } );
} );

Answer 2

http://datatables.net/ref#fnDrawCallback также работает для этого, и спасла вас от необходимости переопределить fnServerData.

Параметр: fnDrawCallback

Тип: функция

Входные данные: {объект}: объект настроек DataTables

Эта функция вызывается при каждом событии рисования и позволяет вам динамически изменять любые аспекты созданного DOM.

$(document).ready( function() {
  $('#example').dataTable( {
    "fnDrawCallback": function( oSettings ) {
      alert( 'DataTables has redrawn the table' );
    }
  } );
} );

Answer 3

Для данных версии 1.10.12

$('#table_id').dataTable({
  ajax: function (data, callback, settings) {
    $.ajax({
      url: '/your/url',
      type: 'POST',
      data: data,
      success:function(data){
        callback(data);
      }
    });
  }
});