javascript - 创建要加载的 JSON 的订单

Question

我有多个外部 JSON 文件需要加载到我的页面上。有没有办法设置它们的加载顺序。

JavaScript

const func1 = () => {
    $.getJSON(json1, result => {});
    $.getJSON(json2, result => {});
}
...
    const func2 = () => {
    $.getJSON(json3, result => {});
    $.getJSON(json4, result => {});
}

现在我有 4 个不同的 getJSON，现在正如我所见，这是加载顺序 = json1=>json3=> json4=>json2。

有没有办法设置加载 json 文件的顺序。我想加载它json1=>json2=>json3=>json4？

Answer 1

您看到的问题是因为请求都是异步的。因此，您完全受到客户端计算机和接收服务器之间的网络的支配，以及服务器在给定时刻所承受的负载以及您要求完成的每项任务的繁重程度，至于哪个其中的请求首先被接收并得到响应。

有一些方法可以在客户端逻辑中缓解这种情况，例如请求链接或同步请求，但是前者会对 UI 性能产生负面影响，而后者是糟糕的做法，因为它会锁定浏览器，直到所有请求完成。

如果您需要依赖响应的顺序，最好的方法是将所有这些请求聚合到一个请求中并单独发送。然后，您的客户端逻辑可以继续处理，因为它可以访问您需要的所有数据。这也将在服务器性能方面更好地扩展。然而，它可能需要对服务器端逻辑进行一些更改，但对于更好的客户端逻辑和服务器端性能来说，这是一个很小的代价。