jquery数据容器

Question

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

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

因此，每加载一次ajax调用就会有一些ajax调用，而在每次更改筛选器时都会调用一些ajax调用。

我发现jquery提供了一个将数据绑定到特定DOM对象的.data()函数。但是，正如您所看到的，我不需要将数据绑定到特定的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);
});