前端JavaScript异步请求的两种方式详解_javascript技巧

早期的前端异步请求主要依赖于 XMLHttpRequest 对象。它允许 JavaScript 以异步方式与服务器进行数据交换,而无需重新加载整个页面。

const getJSON = async url => { return new Promise((resolve, reject) => { // executor 执行器 // 开始处于pending状态 const xhr = new XMLHttpRequest(); // 实例化 xhr.open("GET", "https://api.github.com/users/LeeAt67/repos"); console.log(xhr.readyState); xhr.send(); // 发送请求 // 事件监听 回调函数 xhr.onreadystatechange = function () { if (xhr.readyState === 4) { // 响应内容到达了 resolve(JSON.parse(xhr.responseText)); } }; });};

请求到的数据会被渲染到页面的

    元素中:

    随着 ES6+ 的普及,fetch API 成为更现代、更简洁的异步请求方式。它本质上返回一个 Promise 实例,天然支持 async/await

    到此这篇关于前端JavaScript异步请求的两种方式详解的文章就介绍到这了,更多相关JavaScript异步请求方式内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!


    本文地址: https://www.earthnavs.com/jishuwz/1f0b008eaa1d4ed1253f.html
    全局中部横幅
    百度一下

    全球领先的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。百度超过千亿的中文网页数据库,可以瞬间找到相关的搜索结果。

    FreeYun网络验证系统

    FreeYun网络验证系统是为软件作者设计的一套完整免费的网络验证体系。可以为开发的软件增加收费授权的功能,让作者开发的软件可以进行销售、充值、登陆等操作,并且提供防破解验证功能,可以更好的保护您的作品。同时增加了一系列代理管理机制,让您更好的管理代理售卡、换卡、结算等操作。

    直播个人中心

    虎牙直播是年轻人喜爱的互动直播平台,900万人同时在线,提供高清、流畅的赛事直播和游戏直播.虎牙包含英雄联盟lol直播、dota2直播、穿越火线cf直播、dnf直播等热门游戏直播以及、美女主播、网络电视

    TIME

    Breakingnewsandanalysisfromtime.com.Politics,worldnews,photos,video,techreviews,health,science,andentertainmentnews.

    Lingoes

    该站点未添加描述description...

    网易娱乐

    网易娱乐是最全面最专业的娱乐资讯平台,提供娱乐八卦新闻和专题报道,集明星、女星、电影、电视、音乐、视频等娱乐资讯。

    科赋锐信息科技Cloudflare

    使员工、应用程序和网络在任何地方都更快、更安全,同时降低复杂性和成本。

    翼创星球

    翼创星球,翼创网,赚钱网,搞钱网,创业网,副业网,网创项目,网赚项目,网络赚钱平台,创业平台,创业项目网站,赚钱平台,免费项目分享,网创项目首发平台

    gpt
    gpt

    该站点未添加描述description...

    中药柜

    高青县木李镇杏林中药橱柜厂专业生产各种中药橱,实木中药橱,中医药橱,中药斗,中药橱柜,中药柜,药店中药柜,质优价廉,我们坚信诚信的服务,更好的质量,创新的设计及有竞争力的价格是我们赢得市场的基础.