资讯专栏INFORMATION COLUMN

fetch解决异步嵌套问题

cnTomato / 1498人阅读

摘要:和解决异步嵌套问题姓名年龄解决异步嵌套问题姓名年龄这两段代码比起来,是不是下面的要比上面的简单的多得多,像我这不爱敲代码的肯定选择下面的,哈哈

fetch

async和await解决异步嵌套问题:

 function ajax(url){
        return new Promise(function(resolve,refused){
                let xmlHttp=new XMLHttpRequest();
                xmlHttp.open("get",url,true);
                xmlHttp.onreadystatechange=function(){
                    if(xmlHttp.readyState==4&&xmlHttp.status==200){
                        let data= JSON.parse(xmlHttp.responseText);
                        resolve(data);
                       }
                   }
                xmlHttp.send(null);
        });
    }

    let uldom=document.getElementById("students");
    let url="http://localhost:3000/student.json";
 

    async function main(){
        let data=await ajax(url);
        let students=data;
        let html=``;
        for(let i=0,l=students.length;i姓名${name},年龄${age}
            `
        }
        uldom.innerHTML=html;
    }
    main();

fetch解决异步嵌套问题:

let url="http://localhost:3000/student.json";
    let uldom=document.getElementById("students");
    async function main(){
        let respone = await fetch(url);
        let students = await respone.json();
            
        let html=``;
        for(let i=0,l=students.length;i姓名${name},年龄${age}
           `
        }
        
        uldom.innerHTML=html;
        
    }
    main();

这两段代码比起来,是不是下面的要比上面的简单的多得多,像我这不爱敲代码的肯定选择下面的,哈哈!

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/84174.html

相关文章

  • es7 fetch解决异步嵌套问题

    摘要:解决异步嵌套问题我们昨天学习了和,知道他是为了解决浏览器异步获取的的但是我们用的话方法会更加的简单和解决异步嵌套姓名年龄我们需要创建函数来进行操作,如果我们用解决的话,会更加的方便姓名年龄不用创建,直接调用是不是比上边更加的简单结合处理异步 fetch API解决异步嵌套问题 我们昨天学习了async和await,知道他是为了解决浏览器异步获取的的!但是我们用fetch api的话方法...

    xiaoqibTn 评论0 收藏0
  • JavaScript 异步进化史

    摘要:签订协议的两方分别是异步接口和。在异步函数中,使用异常捕获的方案,代替了的异常捕获的方案。需要注意的是,在异步函数中使异步函数用时要使用,不然异步函会被同步执行。 同步与异步 通常,代码是由上往下依次执行的。如果有多个任务,就必需排队,前一个任务完成,后一个任务才会执行。这种执行模式称之为: 同步(synchronous) 。新手容易把计算机用语中的同步,和日常用语中的同步弄混淆。如,...

    luzhuqun 评论0 收藏0
  • What? 你还不知道Kotlin Coroutine?

    摘要:例如,在方面它主要能够帮助你解决以下两个问题在主线程中执行耗时任务导致的主线程阻塞,从而使发生。提供主线程安全,同时对来自于主线程的网络回调磁盘操提供保障。在线程通过从数据库取数据,一旦数据返回,在主线程进行处理。 showImg(https://segmentfault.com/img/bVbuqpM?w=800&h=320); 今天我们来聊聊Kotlin Coroutine,如果你...

    yunhao 评论0 收藏0
  • js基础进阶--从ajax到fetch的理解

    摘要:使用它可以让页面请求少量的数据,而不用刷新整个页面。基于什么答它基于的是。的库答基于上面的原因,各种库引用而生,然而最有名的就是的中的。它的一个优势异步操作,但的异步操作是基于事件的异步模型,没有那么友好。 欢迎访问我的个人博客:http://www.xiaolongwu.cn 基本知识 1. Ajax是什么? 答:Ajax是一种可以在浏览器和服务器之间使用异步数据传输(HTTP请求)...

    SoapEye 评论0 收藏0
  • 传统 Ajax 已死,Fetch 永生

    摘要:结果证明,对于以上浏览器,在生产环境使用是可行的。后面可以跟对象,表示等待才会继续向下执行,如果被或抛出异常则会被外面的捕获。,,都是现在和未来解决异步的标准做法,可以完美搭配使用。这也是使用标准一大好处。只允许外部传入成功或失败后的回调。 showImg(https://cloud.githubusercontent.com/assets/948896/10188666/bc9a53...

    fai1017 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<