jQuery deffered和promise对象方法
在jQuery中,deferred对象是一种编程模式,它允许你为异步操作定义回调。promise对象是一个非常有用的工具,它允许你对异步操作的成功或失败结果进行处理,而不需要关心这个操作是如何进行的。
- 创建一个deferred对象并使用它:
var deferred = $.Deferred();
deferred.done(function() {
console.log('异步操作成功完成');
}).fail(function() {
console.log('异步操作失败');
}).always(function() {
console.log('异步操作完成,成功或失败都会执行');
});
// 触发异步操作的代码
setTimeout(function() {
deferred.resolve(); // 改变deferred对象的状态为resolved
// deferred.reject(); // 改变deferred对象的状态为rejected
}, 1000);
- 使用promise对象:
var promise = $.Deferred().promise();
promise.done(function() {
console.log('异步操作成功完成');
}).fail(function() {
console.log('异步操作失败');
}).always(function() {
console.log('异步操作完成,成功或失败都会执行');
});
// 触发异步操作的代码
setTimeout(function() {
$.Deferred().resolveWith(promise, ['参数1', '参数2']);
// $.Deferred().rejectWith(promise, ['错误信息']);
}, 1000);
在这个例子中,我们创建了一个deferred对象,然后通过调用它的promise()
方法获取了一个promise对象。这样,我们就可以在不影响deferred对象状态改变的同时,提供一个可以进行链式调用的promise对象。
注意:在实际的应用场景中,我们通常不需要手动创建deferred对象,许多jQuery的异步方法(如$.ajax, $.get, $.post等)已经返回promise对象,我们可以直接使用它们进行链式调用。
评论已关闭