jQuery-Datentabellen Ajax-Callback

Ich verwende jQuery DataTables und mache serverseitige Daten. Ich versuche, eine Funktion aufzurufen, wenn der Ajax-Aufruf zurückkehrt. Ich habe versucht, dies einzufügen fnCallback2 die meine Funktion und die ursprüngliche Funktion aufruft, aber jQuery wirft nur einen Fehler (und sagt mir nicht, was der Fehler ist) und überspringt.

$("#brands").dataTable( {
"bServerSide" : true,
"sAjaxSource" : "ajax.php",
"fnServerData" : function(sSource, aoData, fnCallback) {
    fnCallback2 = function(a,b,c){
        fnCallback.call(a,b,c);
        update_editable();
    };
    $.ajax( {
        "dataType" : 'json',
        "type" : "POST",
        "url" : sSource,
        "data" : aoData,
        "success" : fnCallback2
    });}});

Ich habe auch versucht, das hinzuzufügen fnInitComplete -Parameter, der aber nur beim ersten Mal aufgerufen wird, nicht nach nachfolgenden Seiten.

"fnInitComplete": function(){
update_editable();
},

Wie rufe ich meinen Code nach der Ajax-Anfrage richtig auf, damit der ursprüngliche Rückruf auch aufgerufen wird?

Eine weitere Möglichkeit ist die Verwendung von fnDrawCallback die nach jedem Ziehungsereignis aufgerufen wird. Was nach jeder Ajax-Anfrage durchgeführt wird.

"fnDrawCallback" : function() {
    update_editable();
}

LÖSUNG

Mit DataTables 1.10 gibt es mehrere Möglichkeiten, das Ajax-Abschlussereignis zu handhaben.

• Verwenden ajax.dataSrc Möglichkeit:

  var table = $("#example").DataTable({
       serverSide: true,
       ajax: {
           url: "/test/0",
           dataSrc: function(d){
  
               // TODO: Insert your code
  
               return d.data;    
           }
       }
  });
  

• Verwenden xhr Fall:

  $("#example").on('xhr.dt', function(e, settings, json, xhr){
      // TODO: Insert your code
  });
  
  var table = $("#example").DataTable({
       serverSide: true,
       ajax: {
           url: "/test/0"
       }
  });
  

Die Verwendung hat einen zusätzlichen Vorteil xhr Veranstaltung gegenüber ajax.dataSrc Möglichkeit:

Ab DataTables 1.10.7 wird dieses Ereignis sowohl durch Erfolgs- als auch durch Fehlerbedingungen ausgelöst, wenn die Ajax-Anforderung abgeschlossen ist (dh es wird immer ausgelöst, unabhängig vom Ergebnis der Ajax-Anforderung).

DEMO

Sehen diese jsFiddle für Code und Demonstration.

Versuchen Sie es auf diese Weise:

"fnServerData": function ( sSource, aoData, fnCallback ) {
       /* Add some extra data to the sender */
       aoData.push( { "name": "more_data", "value": "my_value" } );
       $.ajax( {
         "dataType" : 'json',
         "type" : "POST",
         "url" : sSource,
         "data" : aoData,
         "success" : function(json) {
           /* Do whatever additional processing you want on the callback, 
             then tell DataTables */
           fnCallback(json)
       } );
}

Sie können dann tun, was immer Sie vor dem tun möchten fnCallback(json); Zeile – einschließlich des Aufrufs einer Funktion.

Versuche dies:

"fnServerData": function ( sSource, aoData, fnCallback ) {
    $.getJSON( sSource, aoData, function (json) { 
       fnCallback(json)
}).complete(function(){update_editable(););
}