【用Promise解决多个异步Ajax请求导致的代码嵌套问题(完美解决方案)】教程文章相关的互联网学习教程文章

11-利用Promise的图片异步加载 / Promise封装ajax,模拟axios / Promise的finally原理【代码】【图】

Promise的图片异步加载其实就是利用了宏任务先执行,后执行微任务: new Promise()的时候,Promise新建后就会立即执行 利用这一特性,我们可以创建Promise对象的时候,创建image标签,然后再给img标签的 src赋值路径,这样在then的回调函数中,把其加入到盛放显示图片的盒子中,盒子中原来展示是一个缺省图,等到图片加载好了,就显示真正的图片: 1 <!DOCTYPE html>2 <html lang="en">3 4 <head>5 <meta charset="UTF-8">6 ...

ajax & promise 封装【代码】

<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head><body><script>function ajax() {return new Promise((resolve, reject) => {var xhr = new XMLHttpRequest();xhr.onreadystatechange = function () {if( this.readyState == 4 ){if( this.status ==...