javascript - 进行更多服务器调用或一次从服务器加载所有数据？

Question

这是一个与性能相关的问题。

我需要显示客户在当天下的所有订单(最大订单数可为 10)

屏幕看起来是这样的？

现在，点击订单行，我正在进行 Ajax 调用，从服务器获取数据并将其显示在前端。

最终结果是这样的

我正在考虑其他方法，即在页面启动(文档准备就绪)期间上传加载当天与该客户相关的所有数据，将其存储在 javascript(全局级数组)中的变量中。并在单击订单行期间通过循环数组显示数据??

有人可以告诉我最好的方法是什么吗？

Answer 1

如果您知道打开该页面的每个人都会继续并切换所有行，那么请继续预加载所有内容。否则，最好只加载您需要的数据，从而在用户请求特定行的数据时进行小型 ajax 调用。