jQuery deffered和promise对象方法,移动端web开发
    		       		warning:
    		            这篇文章距离上次修改已过437天,其中的内容可能已经有所变动。
    		        
        		                
                在移动端Web开发中,我们可以使用jQuery的deferred和promise对象方法来管理异步操作。以下是一个简单的例子,展示了如何使用这些方法来处理异步加载图片的操作:
$(document).ready(function() {
    var loadImage = function(url) {
        var deferred = $.Deferred();
 
        var image = new Image();
        image.onload = function() {
            deferred.resolve(image);
        };
        image.onerror = function() {
            deferred.reject("图片加载失败");
        };
 
        image.src = url;
 
        return deferred.promise();
    };
 
    var loadAndDisplayImage = function(url) {
        loadImage(url).then(function(image) {
            $('body').append(image);
        }, function(error) {
            console.error(error);
        });
    };
 
    loadAndDisplayImage('path_to_your_image.jpg');
});在这个例子中,loadImage函数使用Deferred对象来创建一个异步操作。它返回一个promise对象,允许我们使用.then方法来指定当图片加载成功或失败时应该执行的操作。loadAndDisplayImage函数调用loadImage并且使用.then方法来处理加载结果。如果图片加载成功,它会将图片添加到页面上;如果失败,它会在控制台输出错误信息。
评论已关闭