前端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




















