使用带有ajax的datatables插件

时间:2014-09-17 21:31:04

标签: javascript ajax json jquery-datatables last.fm

我目前正在使用Last FM的API开展个人项目,以显示我的音乐品味数据。

我给自己的第一个任务是创建一个显示我最近播放的曲目的表格。

我正在使用JQuery的DataTables插件,因为我想在使用AJAX播放更多音乐时动态刷新表格的数据。

Last FM API返回的JSON数据有点乱,所以我使用JQuery Map方法创建一个新的对象数组,只包含我打算从API中使用的属性。

这是我到目前为止的一个小提琴:

http://jsfiddle.net/8rekuLaf/2/

但是因为我想在新歌播放时刷新数据,我想知道是否应该删除地图内容并直接从AJAX填充我的DataTable。我一直无法做到这一点。以下是一次尝试失败的示例:

config.recentTracksElement.dataTable({
    "ajax": config.getRecentTracksURL,
        "columns": [{
        "data": "name"
    }, {
        "data": "artist.#text"
    }, ]
});

任何能告诉我如何使用Datatables从URL中使用JSON的人都会有很大的帮助。以及如何使用AJAX重新加载来刷新数据。

由于

0 个答案:

没有答案