jquery ajax數據容器

Question

我正在開發一個客戶端應用程序，它將通過ajax加載相當多的數據並將其存儲在JavaScript模型中的某個地方。總之，我的應用程序有以下要素：

• 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); 
});