javascript - 如何在页面加载时获取一些 JSON 文件？ (同步必然不好)？

Question

我有一个 Web 应用程序，其全部功能依赖于从服务器获取并在加载主页时处理的 3 个 JSON 文件。目前，我使用带有“async:false”的 jQuery AJAX 调用，它工作正常。但是我读到的所有内容都在对我大喊同步 AJAX 是邪恶的，我应该将其重构为异步行为。当然，我可以这样做，但代价是(如我所见)使代码变得更加困惑，因为整个应用程序将加载到 AJAX 成功函数中。

我的问题是我是否真的应该继续进行重构，因为在我看来这可能是同步行为的合理案例。是的，如果 AJAX 调用出现问题，应用程序将无响应，但如果加载关键 JS 文件之一出现问题，应用程序也会无响应，不是吗？并且考虑到应用程序实际上无法使用(无法做任何有值(value)的事情)直到 JSON 文件被加载，这有关系吗？

也许我错过了一种根本不涉及使用 AJAX 的加载 JSON 文件的简单方法？当然，这将是一个更清洁的解决方案。

Answer 1

如果文件位于您的服务器中，也许您可​​以尝试这种方法:

在文件中像这样定义 JSON:

data = '[
    {"name" : "Ashwin", "age" : "20"},
    {"name" : "Abhinandan", "age" : "20"}
]';

然后您只需在 HTML 中包含 json 文件即可。

<script type="text/javascript" src="data.json"></script>
<script type="text/javascript" src="javascrip.js"></script>

最后，只需将数据用作变量即可:

var mydata = JSON.parse(data);

免责声明:我 10 分钟前才发现这个 here