资讯专栏INFORMATION COLUMN

javascript的fetch,ajax

lemanli / 2928人阅读

摘要:的异步嵌套问题,的对比异步嵌套问题姓名年龄姓名年龄看了两个之间的对比,你更喜欢哪个,也希望帮到大家

javascript的fetch,ajax
异步嵌套问题,fetch,ajax的对比
//异步嵌套问题  
//ajax  asynchronous javascript xmlhttprequest

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/84177.html

相关文章

  • 只知道ajax?你已经out了

    摘要:所以本文将介绍两个目前常用的获取服务器数据的库和。随着作者尤雨溪发布消息,不再继续维护并推荐大家使用开始,进入了很多人的目光。脱离了,是基于设计。如果要详细了解的应用,推荐阅读教程和规范。欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由前端林子发表于云+社区专栏 随着前端技术的发展,请求服务器数据的方法早已不局限于ajax、jQuery的ajax方法。各种js库已如雨后...

    Steven 评论0 收藏0
  • 全面分析前端网络请求方式

    摘要:请求默认会携带同源请求的,而跨域请求则不会携带,设置的的属性为将允许携带跨域。类型请求成功后的回调函数。另外,同样提供了在环境下的支持,可谓是网络请求的首选方案。当网络故障时或请求被阻止时,才会标记为,如跨域不存在,网络异常等会触发。 一、前端进行网络请求的关注点 大多数情况下,在前端发起一个网络请求我们只需关注下面几点: 传入基本参数(url,请求方式) 请求参数、请求参数类型 设...

    Edison 评论0 收藏0
  • 分别使用 XHR、jQuery 和 Fetch 实现 AJAX

    摘要:本文详细讲述如何使用原生和来实现。使用可以无刷新地向服务端发送请求接收服务端响应,并更新页面。分别要用到的方法和方法。,,都是现在和未来解决异步的标准做法,可以完美搭配使用。这也是使用标准一大好处。 本文详细讲述如何使用原生 JS、jQuery 和 Fetch 来实现 AJAX。 AJAX 即 Asynchronous JavaScript and XML,异步的 JavaScript...

    Julylovin 评论0 收藏0
  • ES6 Fetch API HTTP请求实用指南

    摘要:例子张三删除用户为了删除用户,我们首先需要定位用户,然后我们定义方法类型。例子张三结论现在,你已基本了解如何使用的从服务器检索或操作资源,以及如何处理。您可以使用本文作为如何构建操作的请求的指南。 showImg(https://segmentfault.com/img/bVbjxqh?w=1000&h=562); 本次将介绍如何使用Fetch API(ES6 +)对REST API的...

    Sunxb 评论0 收藏0
  • DIP、IoC、DI、JS

    摘要:维基百科该原则规定高层次的模块不应该依赖与低层次的模块,两者都应该依赖于抽象接口。依赖反转原则则颠倒这种依赖关系,并以上面提到的两个规定作为指导思想。维基百科这些话的意思就是将依赖对象的创建和绑定转移到被依赖对象类的外部来实现。 在这个标题中,除了 JS 是乱入之外,其它的几个词汇都是存在一个共同点的,那就是依赖。 那么,依赖是什么呢? 比如,现在我正在写这篇博客文,但是我得在电脑上编...

    ssshooter 评论0 收藏0

发表评论

0条评论

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