javascript - 如何在初始请求中提供 JSON 有效负载，以便在 JS 应用程序中使用

Question

使用初始请求为我的 Angular 应用程序中的模型提供初始 JSON 数据的最佳方式是什么？（尽量减少对服务器的请求量）。

我应该直接将数据添加到服务器上的服务中，提供并包含一个单独的文件，还是有更“角度”的方法？

score 0 · Accepted Answer

这取决于数据的性质，以及我认为它在未来会如何变化。我更喜欢将数据（即下拉列表）加载为 HTTP 资源：

var myData = [];
$http.get('data/data.json').success(function (data) {
    myData = data;
});

这样，数据独立于代码，异步加载，您将来可以轻松地用端点替换文件。

但是，我在生产中看到了许多 Angular 应用程序，包括直接在控制器中进行优化的数据，因此就请求经济性而言，这可能是最具成本效益的方式。

score 0 · Accepted Answer

我有一个需要动态本地化的 JS 应用程序，我使用初始 html 提供。创建窗口变量的 JS 是在服务器端构建的，并在应用程序初始化时由客户端处理。这是一个 Ember 应用程序，我使用的是服务器端把手，但这个概念应该仍然有效。是的，这有点骇人听闻。

服务器端标记：

<script type="application/javascript">
    window.localization = {{{json localization}}};
</script>

渲染为

<script type="application/javascript">
    window.localization = {"a-key":"A value"};
</script>

在客户端：

var localization = window.localization;
delete window.localization;
// process localizations

2 回答 2