在页面加载时为JS提供初始数据集的最佳实践

Question

想象一下显示新闻源的页面。一旦用户请求所述页面，我们就会转到数据库（或其他）并获取新闻源。页面加载后，我们还会动态添加新的新闻项（通过ajax / json）。这意味着我们实际上有两种机制来构建新闻源。一个用我们的服务器端语言用于初始页面请求，一个用Javascript用于任何新项目。

这很难维护（因为当某些内容发生变化时，我们必须更改JS机制和服务器端机制）。

这有什么好的解决方案？为什么？我想出了以下几种情况：

• 在html中的某个位置给javascript一个初始集，并让它在文档准备就绪时构建初始视图;
• 让javascript对文档做一个ajax请求，准备好获取初始数据;或
• 保持如上所述，拥有JS版本和SS版本。

我倾向于第一个场景，为此我有一个后续问题：你如何给JS数据集？在一个隐藏的div或什么？

Answer 1

再做一次AJAX请求来获取数据并不是非常昂贵，并且让您拥有一个简单的架构。这是一个很大的好处。

但您似乎忘记的另一个好处是，通过始终提供相同的静态资源，您可以缓存。

在我看来，在初始页面中集成数据没有任何好处，只使用一个方案，AJAX，并做一个初始请求。

Answer 2

使用单独的新闻提供程序从提供数据的页面加载。这将使事情变得简单，并使其加载速度非常快，几乎与任何嵌入但隐藏的数据集一样快。