REST api与前端

时间:2016-07-18 15:48:34

标签: api rest integration

如果我有一个带有REST API的网站发送数据来填充前端的图表,并且我想让其中一个图表点击发送到一个新页面,其中包含有关该特定点的更多数据,那么RESTful方式来做到这一点?

如果我使用html标题设置localhost/scatter_plot的新页面,我从点击中选择要查看的日期,然后点击散点图上的项目,我想象它可以将我重定向到localhost/single_item/123这样的页面,以获取有关该项目的更多信息,但是我会使用123触发API调用来填充该项目上的图表吗?

这看起来很复杂,我想知道这种页面导航的最佳技术是什么。

1 个答案:

答案 0 :(得分: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中添加更多链接而不破坏现有客户端)。