javascript - 仅在尚未加载数据时才使用 AJAX 加载数据？

Question

我需要加载数据供我的 JavaScript 应用使用。我想加载以下内容:

• 用户列表 JSON
• 里程碑 JSON
• 标记 JSON
• 用户 ACL 权限 JSON

这 4 项来自服务器的 JSON 数据应该使用 AJAX 加载，但只加载一次。

所以我需要代码来检查数据是否已经加载，如果是，则使用它。如果尚未加载，它会发出 AJAX 请求并加载数据，然后使用它。

我有多个需要访问此数据的 JavaScript 文件，因此我想确保它们中的任何一个都可以访问它，并且无论哪个先调用它都会使用 AJAX 加载它并使其可供其他脚本调用无需多次重复 AJAX 请求。

我如何使用 JavaScript 和 jQuery 来解决这个问题？

一个基本的例子将非常受欢迎和有用。谢谢

---

如果其中任何一个未设置，请使用 AJAX 加载它们。使用 AJAX 加载后，为下一个调用者设置这些变量以访问它们，而无需发出新的 AJAX 请求...

var userList = userJsonData;

var milestoneList = milestoneJsonData;

var tagList = tagJsonData;

var useAclPermissions = useAclPermissionsJsonData;

Answer 1

只需将数据存储在全局 javascript 变量中，当您的页面加载时，该变量设置为 null。第一个加载数据的脚本，将其存储在变量中，所有其他脚本尝试访问变量的内容，如果未设置，则加载它:

var milestoneData = null;

function getMilestoneData() {
  if (milestoneData === null) {
     //make the ajax request, and populate milestoneData variable
  } else return milestoneData;
}