0

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

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

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

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

4

1 回答 1

2

对于全局数据，您可以考虑包含值的全局 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);
});
于 2013-04-05T19:04:12.870 回答