从远程 url 使用 JSON 创建 Dyantable

Question

我正在尝试使用 Dynatable 创建一个 table 来显示远程 URL

上提供的数据

我正在测试名为 Jackrabbit 的 class 管理解决方案，它提供了一个端点 (here - which has my sample data)，其中包含 class 列表 JSON。

我查看了 dynatable not creating table from remote JSON & Load remote JSON from Dynatable，但一直没能找到解决方案。

JS:

$(document).ready(function(){$.getJSON("https://app.jackrabbitclass.com/jr3.0/Openings/OpeningsJSON?orgID=537284", function(data) {
$("#classes").dynatable({
    dataset: {
        records: data
    }
});

});})

外部 JSON 文件包含许多不同的字段，但我只将其中的一些字段用于 table。有人能给我指出正确的方向吗？

Answer 1

您的脚本的数据集记录数据没有以正确的table结构方式传递。只需将您的脚本替换为以下内容，不要忘记用 data_value 填充空白数据数组值（我只添加了名称和说明，请设置其他数据）-

$(document).ready(function(){$.getJSON("https://app.jackrabbitclass.com/jr3.0/Openings/OpeningsJSON?orgID=537284", function(data) {
    var data_arr = [];
    $.each(data.rows, function(key, data_value){
  data_arr.push({
    'name' : data_value.name,
    'instructors' : data_value.instructors[0],
    'meeting_days' : '',
    'min_age' : '',
    'openings' : '',
    'start_time' : '',
    'tuition' : '',
  });
});
$("#classes").dynatable({
  dataset: {
    records: data_arr
  }
});});});

从远程 url 使用 JSON 创建 Dyantable

Creating Dyantable with JSON from a remote url

jquery

json

dynatable

JS: