Wie bekomme ich Array von Json Footable

Question

Ich versuche, die Daten mit Json, um eine Fußtabelle mit Seitenumbruch zu generieren, aber es funktioniert nicht. mein Code sieht tatsächlich so aus. Entschuldigung mein schlechtes Englisch.

mein index.json kehrt es

{ 
Cartas: [ 
{ 
id: 3, 
user_id: 1, 
status: "2", 
banco_cartas: null, 
nome: "teste", 
contrato: "", 
grupo: "430", 
cota: "3332", 
credito_atual: 154371.02, 
prazo_original: "", 
prazo_atual: "126", 
valor_parcela: "0", 
pc_pago: 1, 
pc_fc: 0, 
valor_pago: 154371.02, 
saldo_devedor: null, 
taxa: 0, 
data_compra: "2003-03-28T00:00:00+00:00", 
created: "2017-06-22T17:39:23-03:00", 
data_contemplacao: "2016-12-20T00:00:00+00:00", 
data_entrega: null 
}, 
{ 
id: 4, 
user_id: 1, 
status: "2", 
banco_cartas: null, 
nome: "CAS REP comerciais", 
contrato: "", 
grupo: "240", 
cota: "320", 

meine Jquery die json in footable

jQuery(function($){ 
    $('#custom-ui-example').footable({ 
     "columns": [ 
        { name: "nome", 
         title: "Nome"}, 
         { name: "credito_atual", 
         title: "Crédito Atual"}, 
         { name: "status", 
         title: "Status"} 

         ], 
     "rows": $.get("index.json") 
    })}; 

mein html

<table class="table" id="custom-ui-example" data-paging="true"></table> 

Answer 1

Index.json Array von Objekten zurückgeben sollte laden In deinem Fall ist es ein zurückkehrendes Objekt.

Das Format der json sollte

[{'id': '3'},{'id': '4'}] 

Paginierung scheint es gut zu arbeiten.

die Arbeits Geige hier finden: https://jsfiddle.net/qwwjs7j3/

Answer 2

vor allem, sollten Sie überprüfen, ob Ihr json gültig ist. Sie können zum Beispiel der hier tun:

$.get({ 
      url: 'index.json' 
    }).done(function(data) { 
      data = JSON.parse(data); 
}); 

der Rückkehr Daten halten in dem Datenobjekt der Callback-Funktion: https://jsonformatter.curiousconcept.com/

dann können Sie den get-Anruf mit machen sollten.