将 HATEOAS 与 JQuery 数据表一起使用

【问题标题】：Using HATEOAS with JQuery datatables将 HATEOAS 与 JQuery 数据表一起使用
【发布时间】：2015-06-28 22:08:21
【问题描述】：

拥有一个类似于 API 的 HTTP REST 来呈现 HAL 响应（例如 spring-data-rest），我正在寻找集成使用 jquery 数据表的 Angular 客户端的最佳方式。

有没有什么方法可以不用做很多工作？

即使数据表和 spring-data-rest 都非常流行，我一直在搜索这个主题但没有成功。

【问题讨论】：

标签： jquery-datatables spring-data-rest hateoas

【解决方案1】：

这是一个 2 年前的问题，但这里是如何做到的：

$(document).ready(function() {
    /* Init the files table */
    var filesTable = $("#tags").DataTable({
        "processing": true,
        "ajax": { 
            "url": "/api/v2/tag/search/findCategoryTags",
            "dataSrc": "_embedded.tags"
        },
        "columns": [
            { "data": "name" },
            { "data": "id" }
        ]
    });
});

对 Ajax 使用 dataSrc 属性。更多信息here。

【讨论】：

【解决方案2】：

这里的一个问题是您需要处理 spring-data-rest (HAL) 和 Datatables 上的分页和排序方案的不兼容问题。看看这个链接中的function datatable2Rest (...)：

https://github.com/gcase/spring-data-rest-datatable-example/blob/master/spring-data-rest-datatables.md

【讨论】：