Javascript 带有API后端数据预加载的单页应用程序

Javascript 带有API后端数据预加载的单页应用程序,javascript,ajax,json,api,Javascript,Ajax,Json,Api,假设我们开发了一个带有大量客户端的单页应用程序,它通过API方法与服务器进行通信。如果我们访问的是索引页面,其中列出了数据库中的所有记录,这意味着我们将加倍每个第一个请求—一个请求加载所有客户端内容,另一个请求向服务器发出API请求,以获取json数据,并且只有在这之后,一切才能正常运行。所以我的问题是,这方面的最佳实践是什么?我们是否应该在初始请求时预加载数据,以避免立即发出另一个请求或..?您并不是在每次首次请求时都加倍 第一个请求提供包含将延迟加载数据的脚本(ajax)的源代码,因此这将是

假设我们开发了一个带有大量客户端的单页应用程序,它通过API方法与服务器进行通信。如果我们访问的是索引页面,其中列出了数据库中的所有记录,这意味着我们将加倍每个第一个请求—一个请求加载所有客户端内容,另一个请求向服务器发出API请求,以获取
json
数据,并且只有在这之后,一切才能正常运行。所以我的问题是,这方面的最佳实践是什么?我们是否应该在初始请求时预加载数据,以避免立即发出另一个请求或..?

您并不是在每次首次请求时都加倍

第一个请求提供包含将延迟加载数据的脚本(ajax)的源代码,因此这将是两个不同的请求。这将加快第一页的加载时间。在我看来,这是一种更酷、更SPA的方式,例如,在延迟加载数据时显示微调器,而不是等待第一次交付的时间更长


通过再次阅读您的问题,您不应该列出数据库中的所有记录,而应该进行一些分页或无限滚动以缩小服务器负载

在初始响应中返回包含数据的json数组是一种将数据请求数量降至最低的好方法。有趣的是。我不是从这个角度思考的。PS:我完全理解我应该限制每个请求的记录数——这只是一个例子:)