1. 基本的回调函数:
// 普通的回调函数
function myCallback() {
alert('操作完成!');
}
// 使用回调函数
$('button').click(myCallback);
2. 动画回调函数:
// 动画回调函数
$('div').animate({left: '250px'}, 2000, function(){
alert('动画完成!');
});
在这个例子中,当元素完成动画后,回调函数将被调用。
3. AJAX回调函数:
// AJAX 请求
$.ajax({
url: 'https://example.com/data',
success: function(data) {
console.log('成功获取数据:', data);
},
error: function() {
console.log('发生错误!');
}
});
在这里,success和error参数分别是成功和失败时的回调函数。
4. 延迟回调函数:
// 使用延迟
$.when($.ajax('https://example.com/data'))
.done(function(data) {
console.log('成功获取数据:', data);
})
.fail(function() {
console.log('发生错误!');
});
$.when和done/fail结合使用,可以处理异步操作的成功和失败情况。
这些只是一些基本的例子,实际上,回调函数在jQuery中有广泛的应用,用于处理各种异步操作。
转载请注明出处:http://www.zyzy.cn/article/detail/4615/jQuery