我正在构建一个 Web 应用程序,该应用程序具有一组功能,用户可能会执行几次,但涉及足够的异步操作以使回调有点失控。
什么是现实的替代品$.Deffered
并且$.when
可以多次“使用”?
- 我不是在寻找一个完整的框架
- 我不想(直接)使用回调
谢谢!
我正在构建一个 Web 应用程序,该应用程序具有一组功能,用户可能会执行几次,但涉及足够的异步操作以使回调有点失控。
什么是现实的替代品$.Deffered
并且$.when
可以多次“使用”?
谢谢!
我认为您正在寻找的是事件。jQuery 中使用on和trigger的示例:
var data_handler = $({});
function get_data(new_foo) {
// Do stuff, then send the event
data_handler.trigger('new_data', {foo: new_foo});
}
data_handler.on('new_data', function(e, data) {
console.log('Handler 1: ' + data.foo);
});
data_handler.on('new_data', function(e, data) {
console.log('Handler 2: ' + data.foo);
});
get_data(1);
get_data(2);
输出:
Handler 1: 1
Handler 2: 1
Handler 1: 2
Handler 2: 2
除了直接附加到 Promise 之外,您还可以对 Promise 进行包装,允许回调订阅重复的 Promise 或以设定的时间间隔进行的 Ajax 调用:
var cycle = function(func, interval){
var _this = this;
// Use jQuery's triggers to manage subscriptions
var o = $({});
this.publish = o.trigger.bind(o);
this.subscribe = o.on.bind(o);
this.unsubscribe = o.off.bind(o);
var call = function(func){
clearTimeout(_this.timeout);
func().done(function(response){
_this.publish('ajax:update', response);
_this.timeout = setTimeout(function(){
call(func);
}, interval);
});
};
call(func);
return this;
};
var ajax_promise = function(){
return $.getJSON('http://localhost/some/data.json');
};
var my_callback = function(response){
// Do stuff
};
cycle(ajax_promise, 10000).subscribe('ajax:update', my_callback);