javascript - 如何在第一次请求主页时将 JSON 数据与返回的 HTML 结合起来？

Question

我的场景是这样的 - 用户请求主页，然后页面的 javascript 代码向同一服务器执行 ajax GET 请求以获取某些对象。

服务器将主页保留为 Jade 模板。

因此，现在加载主页需要两次往返:

1. 获取主页
2. 获取 JSON 对象

我对此表示同意，但只是出于好奇 - 我可以选择哪些选项将稍后请求的对象合并到主页的初始 GET 请求中？

我发现一种方法是使用隐藏的 html 元素，其中内部 HTML 将是对象的字符串表示形式。有点尴尬，但在服务器端相当简单，因为无论如何都会对主页 jade 模板进行预处理。

我还有哪些其他选择？

请注意，我完全清楚，省去这一趟往返并不重要。我只是对这些技术感到好奇。

Answer 1

另一种选择是始终返回 JSON 对象，然后主页的 HTML 将是该对象上某些属性的值。不过，这可能需要对客户端逻辑进行一些更改。

还有一个选项:主页代码可以包含一个脚本 block ，其中将对象文字声明为变量，而不是包含 JSON 字符串的隐藏 HTML 输入/文本区域。像这样的事情:

<script>
var myObj = ... // Your JSON string here.
                // myObj will be an object literal, and you won't need
                // to parse the JSON.
</script>