使用 Javascript 多次调用 REST API 或一次调用具有大型响应正文

Question

为了减少响应时间或缩短用户在呈现视图时等待数据的时间，我试图确定与 REST API 交互的最佳方式。我将得到一个包含 5-7 个字段的项目数组，例如名称，标题，imgUrl。我可以拨打一个大电话并遍历响应以获取我需要的数据，也可以发出 5-7 次请求以获取我需要的确切信息。

打大电话有两个问题。

1. 每个项目都会返回大量数据。我测试了检索 3 个项目，耗时约 899 毫秒。

2. 我需要的字段不能简单地被一个键引用。每个项目都作为字段数组返回。每个字段都是一个对象，我只能通过遍历每个对象并读取其 field_id 来确定我需要哪些字段。它的返回是这样的：

   项目：[ { ... field_id: 3423423, ... }, { ... field_id: 343434, ... } ... ]

我宁愿发送一个带有 item_id 和 field_id 的请求，我会得到我需要的字段，但我必须进行 7 次这样的调用。哪个更好？

Answer 1

我最近不得不做出类似的决定，最终我在后端添加了一些方法，将数据打包成更适合消费的格式。如果你能做到这一点，我会推荐这种方法。

我怀疑 API 超出了您的控制范围。在这种情况下，我可能会使用多个异步调用，以便您可以在检索数据时提供反馈。使用异步调用和承诺，您可以让所有单独的部分在后台以它们进入的任何顺序被检索，然后从那里组装它们。