let cache = [];//存储模拟请求信息 let i = 0;//声明坐标 const _originalFetch = window.fetch;//重新获取一个新的 fetch window.fetch=(...args)=>{//修改 fetch请求 if(cache[i]){ if(cache[i].status == 'fulfilled'){// 成功 return cache[i].data; if(cache[i].status == 'rejected'){//失败 throw cache[i].err; const result = {//声明数据格式 status:'pending', data:null, err:null cache[i++] = result; //虚拟发送请求 var prom = _originalFetch(...args).then((response) => response.json()).then((resp)=>{ result.status = 'fulfilled';// 成功 result.data = resp; },(err) =>{ result.status = 'rejected';//失败 result.data = err; throw prom; try { func(); } catch (error) { if(error instanceof Promise){//异常捕获 const reRun = ()=>{ i = 0; func(); error.then(reRun,reRun)//如果异常 继续执行 func函数 //获取 请求 function fetchUrl(){ return fetch('http://ddd/dddd'); //主方法 function main(){ const data = fetchUrl(); console.log(data); run(main);//加载 在前后端分离项目中， 前端 请求 后端接口得到后端数据，完成页面内容的渲染或功能状态的判断，已经成为常规操作。那么，关于 前端 如何 请求 后端接口获取并解析数据，主要有哪些方式呢： 1. 刷新页面：最直接但是最体验最差的一种方式 2. form表单：会触发页面跳转，无法实现页内重复 请求 3. ifream：比较消耗性能，且控制成本过高 4. Ajax - 使用XMLHttpRequest对象进行异步 请求 ，极大的提高了用户体验，实现了页内 请求 5. Fetch - Ajax的替代者，浏览器内置方法，封装了Pro 1 通用Ajax POST框架 async function commonAjaxPost(url, argument) { let datas = JS ON.stringify(argument); const result = $.ajax({ url: url, method: "post",. 关于 async 和 await 的介绍 https:// javascript .info/async-await （英文版） https://segmentfault.com/a/1190000013292562?utm_source=channel-newest （中文翻译版） 在了解了 async 和 await 之后，我们就可... fetch ('https://api.github.com/users/chriscoyier/repos') .then(response => response. js on()) .then(data => { // data就是我们 请求 的数据 console.log(data) fetch 兼容性问题：可以... 参数：一个函数，该函数接收两个函数参数，resolve和reject，且必传 三种状态：pending（进行中，默认状态）、fulfilled/resolved（已成功，异步操作成功后）和rejected（已失败，异步操作失败后） 状态一旦修改就不能再改变，一旦执行. 在上面的例子中，我们使用 ` fetch ` 函数发送一个 GET 请求 到 `https://api.example.com/data`。然后我们使用 `.then` 方法处理返回的响应，将其解析为 JS ON 格式，并在控制台中打印出来。如果 请求 失败，我们使用 `.catch` 方法处理错误。 需要注意的是， fetch 函数默认是异步的，但你可以使用 async/await 或者将 fetch 封装在一个 Promise 中来实现 同步 请求 。