如何从 json footable 获取数组

How to get array from json footable

我正在尝试使用 json 获取数据以生成带分页的 footable table 但它不起作用。 我的代码实际上是这样的。 抱歉我的英语不好。

我的 index.json 正在退货

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

my jquery 在 footable

中加载 json
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")
    })};

我的html

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

Index.json 应该 return 对象数组,在您的情况下它是 returning 对象。

json的格式应该是

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

分页似乎工作正常。

在这里找到工作 fiddle:https://jsfiddle.net/qwwjs7j3/

首先,您应该检查您的 json 是否有效。例如,您可以在此处执行此操作:https://jsonformatter.curiousconcept.com/

那么您应该使用以下方式进行获取调用:

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

return 数据保存在回调函数的数据对象中。