javascript - jquery ajax 数据容器

Question

我正在开发一个客户端应用程序，它将通过 ajax 加载大量数据并将其存储在 javascript 模型中的某个位置。简而言之，我的应用程序具有以下元素:

• AJAX 调用:加载用户列表、加载财务数据(用户收入和结果、加载基于收入/结果的图表数据)
• 用户列表在初始页面加载期间加载(并且不会更改)
• 可以检索选定用户在给定时间段内的财务数据
• 有一个包含用户复选框列表的对话框 - 提交该对话框后，将为这些用户检索财务数据(通过 ajax)

因此，每个整个页面加载时都会有一些 ajax 调用，而每次更改任何过滤器时都会调用一些 ajax 调用。

我发现 jquery 提供了一个 .data() 函数，可以将数据绑定(bind)到特定的 DOM 对象。但是，正如您所看到的，我不需要将数据绑定(bind)到特定的 DOM 对象，而只需全局管理它。有什么推荐的方法吗？您有何建议？

Answer 1

对于全局数据，您可以考虑使用包含值的全局 javascript 对象。例如，声明 globalData:

var globalData = {users : /*Put User List Here*/ };

然后只需在检索全局数据对象时为其赋值即可。

$.ajax(success:function(data){
    globalData.transactions = data;
});

您可以使用 .data() 函数将数据分配给特定的 UI 元素。例如，如果页面中有一部分显示帐户列表，则可以使用 .data() 函数，例如针对帐户列表的 ajax 请求。

$.ajax(success:function(data){
    $("#accountList").data(data);
});