带有前端的 REST api答案

【问题标题】：REST api with front end带有前端的 REST api
【发布时间】：2016-11-21 07:34:06
【问题描述】：

如果我的网站使用 REST API 发送数据以在前端填充图表，并且我希望点击其中一个图表以将您发送到包含有关该特定点的更多数据的新页面，那么RESTful 方式来做到这一点？

如果我使用 html 标头设置带有 localhost/scatter_plot 的新页面，我在其中从单击中选择要查看的日期，然后单击散点图上的一个项目，我想它可以将我重定向到localhost/single_item/123 之类的页面以获取有关该项目的更多信息，但我是否可以使用 123 触发 API 调用以填充该项目的图表？

这似乎令人费解，我想知道这种页面导航的最佳技术是什么。

【问题讨论】：

标签： api rest integration

【解决方案1】：

如果我的网站使用 REST API 发送数据以在前端填充图表，并且我希望单击其中一个图表以将您发送到包含有关该特定点的更多数据的新页面，那么RESTful 方式来做到这一点？

在您发送以填充图表的数据中包含对超媒体控件的描述。

也就是说，更新图形数据的媒体类型定义，以便您可以在数据中包含零个或多个超媒体控件（也称为“链接”）。每个数据点，除了用于绘制它的值之外，还有一个放置控件的位置（url 和语义元数据）。识别控件的客户会希望将它们作为演示文稿的一部分，视情况而定。

JSON 表示可能类似于

"points" : [
{
   "xPos" : 15,
   "yPos" :  0,
   "label" : "July 15, 2016"
   "links" : [
   { "rel" : "details"
   , "href": "..."
   },
   // more links if necessary
   ]
},
// more points
]

通常情况下，客户端需要提前知道不同类型的关系（这类似于浏览器知道如何正确解析 A 和 IMG，而无需提前知道 href 中的值是什么），并且忽略它不理解的关系（允许您在 api 中添加更多链接而不会破坏现有客户端）。

【讨论】：