如何通过Ajax技术实现图片的异步加载？

本文共计99个文字，预计阅读时间需要1分钟。

javascript图片ajax加载.txtfunction preLoad() { var imgDefereds=[]; $([data-src]).each(function() { var dfd=$.Deferred(); $(this).on('load', function() { dfd.resolve(); }).on('error', function() { // 图片加载错误，添加错误处理 }); imgDefereds.push(dfd); });}

图片ajax加载.txt

function preLoad(){ var imgdefereds=[]; $('.swiper-wrapper img').each(function(){ var dfd=$.Deferred(); $(this).on('load',function(){ dfd.resolve(); }).on('error',function(){ //图片加载错误，加入错误处理 // dfd.resolve(); }) if(this.complete) setTimeout(function(){ dfd.resolve(); },1000); imgdefereds.push(dfd); }) $.when.apply(null,imgdefereds).done(function(){ preview(); }); };