javascript - 使用缓存将 JsonData 从服务器获取到另一个函数

Question

我正在尝试使用一个下拉插件插件，该插件将 JSON 数据用于选择的选项值。 http://designwithpc.com/Plugins/ddSlick

$('#myDropdown').ddslick({
    data:ddData,
    width:300,
    selectText: "Select your preferred social network",
    imagePosition:"right",
    onSelected: function(selectedData){
        //callback function: do something with selectedData;
    }   
});

这里 ddData 是包含下拉菜单数据的 JSON 变量。我正在尝试使用 jQuery.getJSON() 从服务器中提取数据，我遇到了两个问题。

1. 如何缓存数据？
2. 如何从服务器获取 jsondata 并直接输入到上面的这个函数中？

通过查看 jQuery.getJSON() 的示例，它执行回调以使用内部数据。所以我不确定如何直接通过结果。

我正在寻找类似下面的东西，但它不起作用。

$('#myDropdown').ddslick({
    data:$.getJSON('ajax/test.json'),
    width:300,
    selectText: "Select your preferred social network",
    imagePosition:"right",
    onSelected: function(selectedData){
        //callback function: do something with selectedData;
    }   
});

Answer 1

如果要将数据对象传递给 ddslick 参数对象，则必须在getJSON回调函数中工作，因为您可以看到jQuery doc API

$.getJSON('ajax/test.json', function(data) {
  var window.myCachedData = data;
});

$('#myDropdown').ddslick({
    data: windows.myCachedData || {},
    width:300,
    selectText: "Select your preferred social network",
    imagePosition:"right",
    onSelected: function(selectedData){
        //callback function: do something with selectedData;
    }   
});