Datatables und Ajax-Datenformatierung?

Question

Ich verwende Datatables und möchte eine AJAX-Anfrage senden, um meine Daten zu erhalten.

Meine jQuery -

$('.valid-tags').DataTable({ 
    "ajax": { 
     "url": "/ajax/getValidTags.php", 
     "type": "POST", 
     "data": { 
      ruleID: ruleID 
     } 
    } 
}); 

Das sind die Daten aus der Ajax-Anforderung zurückgegeben -

{"data":["K":2,"B":1,"C":2]} 

Im 'K', 'B', 'C' zu sehen erwartet unter dem Tag-Namen in ihren eigenen Zeilen.

Meine Datentabellen laden keine Daten obwohl?

Ich muss in der Lage, jeden Schlüsselwertpaar in seiner eigenen Reihe zu wickeln diese so -

{"data":["K":2,"B":1,"C":2]} 

sein würde -

{"data":[["K":2],["B":1],["C":2]]} 

Dies ist PHP, die es baut (wo ich tun wickeln die Schlüsselwerte in einem Objekt, um es wie die oben so?) -

$validTagsArray = array(); 
$validArray = array(); 

foreach ($cursor as $key => $value) { 
    foreach ($value['AutoFix'] as $k => $v) { 
    $x = 0; 
    foreach ($v as $key => $value) { 
     $x++; 
     $validValueCount = $validTagsArray[$k] = $x; 
    } 
    } 
} 

$validArray['data'] = array($validTagsArray); 


echo json_encode($validArray); 

Answer 1

ändern das Format der JSON, die Sie returnin g wie unten gezeigt. Weitere Informationen finden Sie unter Data source types.

{ 
    "data": [ 
     [ "K", 2 ], 
     [ "B", 1 ], 
     [ "C", 2 ] 
    ] 
} 

Ändern Sie Ihre Initialisierungsoptionen wie unten gezeigt.

$('.valid-tags').DataTable({ 
    "ajax": { 
     "url": "/ajax/getValidTags.php", 
     "type": "POST", 
     "data": { 
      ruleID: ruleID 
     } 
    }, 
    "columnDefs": [{ 
     "targets": 2, 
     "render": function(data, type, full, meta){ 
      return '<button type="button">Manage</button>'; 
     } 
    }] 
}); 

Siehe this jsFiddle für Code und Demonstration.