Question

我正在尝试使用几个API源的输出填充表，从每个源中提取了几个相同的变量。到目前为止，我已经完成了大部分工作，例如如何检索数据，创建表并导入数据以便使用现有框架创建表。我没有的是格式化API数据以满足框架要求的方法，例如..

所需格式：

[
{id:1, name:"Billy Bob", age:"12", gender:"male", height:1, col:"red", dob:"", cheese:1},
{id:2, name:"Mary May", age:"1", gender:"female", height:2, col:"blue", dob:"14/05/1982", cheese:true},
{id:3, name:"Christine Lobowski", age:"42", height:0, col:"green", dob:"22/05/1982", cheese:"true"},
]

从格式化数据中创建一个表...

<div id="example-table"></div>

$("#example-table").tablear({
columns:[
    {title:"Name", field:"name"},
    {title:"Age", field:"age"},
    {title:"Gender", field:"gender"},
    {title:"Height", field:"height"},
    {title:"Favourite Color", field:"col"},
    {title:"Date Of Birth", field:"dob"},
    {title:"Cheese Preference", field:"cheese"},
],
});

Answer 1

每当你得到json作为响应时，你需要解析json然后玩它。

示例：

    if(response)
    {
     var myObj = parse.JSON(response) // this will give you the javascript 
           //object
    }

还有另一种使用服务器端处理使用jquery数据表的选项。这会自动为您创建一个表格。

Jquery Datatable

从JSON API数据创建动态填充的表

1 个答案: