javascript - 如何在数据表中绑定(bind)Openweather map API数据？

我正在使用DataTables并想在其中显示我的城市数据，但我没有这样做。

例如，如果我调用this URL，那么我将以JSON获取城市数据（从openweathers地图api）。我只想在我的数据表上显示此数据。
请帮忙。

我的代码：

$.ajax({
type: "POST",
url: "http://api.openweathermap.org/data/2.5/group?id=2643741,2644688,2633352,2654675,2988507,2990969,2911298,2925535,2950159,3120501,3128760,5128581,4140963,4930956,5106834,5391959,5368361,5809844,4099974,4440906&appid=de6d52c2ebb7b1398526329875a49c57&units=metric",
dataType: "json",
success: function (result, status, xhr) {

    $('#weatherTable').DataTable({
        data: JSON.stringify(result),
        columns: [
            { data: 'id' },
            { data: 'name' }
        ],
        "pageLength": 3
    });
},
error: function (xhr, status, error) {
    console.log("Result: " + status + " " + error + " " + xhr.status + " " + xhr.statusText)
}

}）;

我只是得到错误：


  DataTables警告：表格ID = WeatherTable-请求的未知
  第0行第0列的参数“ id”。有关此的更多信息
  错误，请参见http://datatables.net/tn/4


请帮忙？

最佳答案

使用ajax.dataSrc选项指定包含表数据的属性。

var table = $('#example').DataTable({
    ajax: {

        url: 'https://api.openweathermap.org/data/2.5/group?id=2643741,2644688,2633352,2654675,2988507,2990969,2911298,2925535,2950159,3120501,3128760,5128581,4140963,4930956,5106834,5391959,5368361,5809844,4099974,4440906&appid=de6d52c2ebb7b1398526329875a49c57&units=metric',
        dataSrc: 'list',
        method: 'POST'
    },
    columns: [
        { data: "id" },
        { data: "name" },
        { data: "main.temp" }
    ]
});

有关代码和演示，请参见this example。