Comment obtenir le tableau de json footable

Question

J'essaie d'obtenir les données avec json pour générer une table avec une mise en page pagination, mais ça ne fonctionne pas. mon code ressemble à ceci. désolé mon mauvais anglais.

mon index.json revient il

{ 
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", 

mon jquery pour charger le JSON dans 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") 
    })}; 

mon html

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

Answer 1

Index.json devrait retourner tableau d'objets , dans ton cas c'est l'objet retourné.

Le format du JSON doit être

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

Pagination semble fonctionner très bien.

Trouver le violon de travail ici: https://jsfiddle.net/qwwjs7j3/

Answer 2

d'abord, vous devez vérifier si votre JSON est valide. vous pouvez le faire ici par exemple: https://jsonformatter.curiousconcept.com/

alors vous pouvez devrait rendre le rendez-vous appel à l'aide:

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

les données de retour est dans l'objet détiennent des données de la fonction de rappel.