Wywołanie funkcji w sukcesie wywołania ajax datatable

Question

Jest to możliwe, aby wywołać funkcję javascript w pomyślnym wywołania ajax ajax. Oto kod próbuję użyć,

var oTable = $('#app-config').dataTable(
      { 
       "bAutoWidth": false,             
       "bDestroy":true, 
       "bProcessing" : true, 
       "bServerSide" : true, 
       "sPaginationType" : "full_numbers", 
       "sAjaxSource" : url,      
       "fnServerData" : function(sSource, aoData, fnCallback) { 
        alert("sSource"+ sSource); 
        alert("aoData"+ aoData); 
        $.ajax({ 
         "dataType" : 'json', 
         "type" : "GET", 
         "url" : sSource, 
         "data" : aoData, 
         "success" : fnCallback 
        }); 
       } 

to możliwe, aby mieć coś,

success : function(){ 
    //.....code goes here 
} 

zamiast "sukces": fnCallback ------> co jest ostatnia linia wywołania AJAX. W tej funkcji chciałbym sprawdzić wartość wysyłaną od strony serwera. Dzięki z góry za wszelką pomoc ....

Answer 1

Można użyć datasrc:

Oto typowy przykład datatables.net

var table = $('#example').DataTable({ 
    "ajax": { 
      "type" : "GET", 
      "url" : "ajax.php", 
      "dataSrc": function (json) { 
       //Make your callback here. 
       alert("Done!"); 
       return json.data; 
      }  
      }, 
    "columns": [ 
      { "data": "name" }, 
      { "data": "position" }, 
      { "data": "office" }, 
      { "data": "extn" }, 
      { "data": "start_date" }, 
      { "data": "salary" } 

     ] 
    }); 

Answer 2

Można to wykorzystać:

"drawCallback": function(settings) { 
    console.log(settings.json); 
    //do whatever 
}, 

Answer 3

"success" : function(data){ 
     //do stuff here 
     fnCallback(data); 
    } 

Answer 4

Dla elementów danych 1.10.12.

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

Answer 5

Najlepszym sposobem znalazłem jest użycie metody initComplete jak pożary po dane zostały pobrane i renderuje tabeli. UWAGA to jednak strzela tylko raz.

$("#tableOfData").DataTable({ 
     "pageLength": 50, 
     "ajax":{ 
      url: someurl, 
      dataType : "json", 
      type: "post", 
      "data": {data to be sent} 
     }, 
     "initComplete":function(settings, json){ 
      console.log(json); 
      // call your function here 
     } 
    }); 

Answer 6

Spróbuj użyć następującego kodu.

 var oTable = $('#app-config').dataTable(
     { 
      "bAutoWidth": false,             
      "bDestroy":true, 
      "bProcessing" : true, 
      "bServerSide" : true, 
      "sPaginationType" : "full_numbers", 
      "sAjaxSource" : url,      
      "fnServerData" : function(sSource, aoData, fnCallback) { 
       alert("sSource"+ sSource); 
       alert("aoData"+ aoData); 
       $.ajax({ 
        "dataType" : 'json', 
        "type" : "GET", 
        "url" : sSource, 
        "data" : aoData, 
        "success" : fnCallback 
       }).success(function(){ alert("This Function will execute after data table loaded"); }); 
      }