我对如何使用 jQuery 的 Deferred 对象感到困惑,而且我看到的示例对我没有帮助。我想要做的是 1.) 通过 ajax 调用获取日历对象,2.) 用日历数据填充全局对象 (MYOBJ) 的一部分,然后 3.) 用 MYOBJ 中的新数据填充页面元素.这三个函数实现了逻辑,我想依次调用它们:
function getCalendar(refDate, numDays) {
return $.ajax({
type: "POST",
url: "services/Calendar.asmx/GetCalendar",
data: '{ "refDate": "' + refDate + '", "numDays": "' + numDays + '" }',
contentType: "application/json; charset=utf-8",
dataType: "json"
}).promise();
}
function loadCalendarData(response) {
var calData = jQuery.parseJSON(response.d);
MYOBJ.cal.dMin = calData.dMin;
MYOBJ.cal.dMax = calData.dMax;
MYOBJ.cal.dates = calData.dates; // array of date strings
}
function populateCalendar (x, y, z) {
// use data from MYOBJ.cal here
}
不过,我不知道如何让 populateCalendar() 等到 loadCalendarData() 完成。这...
$.when(getCalendar(myDate, 70))
.then(loadCalendarData)
.then(populateCalendar(a, b, c))
.fail(alertCalendarError);
...显然是不正确的——这只是我扔到墙上的一种变体,因为我不明白我在做什么...:)
更新:正如 GoldenNewby 和 Brian ONeil 正确指出的那样,我可以在 loadCalendarData 结束时坚持对 populateCalendar 的调用。那肯定会奏效。我希望我在发帖时能想到这一点。我想我的最终目标是弄清楚如何实现排序。但是,在这种情况下,我想不出有任何场景会调用 loadCalendarData 而不直接在它之后调用 populateCalendar,所以这个解决方案绝对有意义。谢谢。
最佳答案
您实际上正在执行 populateCalendar(a, b, c)
。您必须传递函数引用。试试这个。
$.when(getCalendar(myDate, 70))
.then(loadCalendarData)
.then(function(){
populateCalendar(a, b, c)
})
.fail(alertCalendarError);
关于javascript - jQuery Deferred 对象,按顺序调用函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9368949/