Promise 及 fetch

promise

拥有三种状态: Pending(进行中)、Resolved(已完成,又称 Fulfilled)和 Rejected(已失败)。

let promise = new Promise((resolve, reject) => {
    resolve();   //成功调用
    reject();    //失败调用
})

promise
    .then(() => {console.log("成功")})
    .then(() => {console.log("请求成功")})
    .catch(() => {console.log("失败")})

new http:fetch

一个基于promise的请求方法,更简单,更便捷

//http://jsonplaceholder.typicode.com/posts  测试可用的接口网站
let url = "http://jsonplaceholder.typicode.com/posts";
fetch(url)
    .then(res => res.json());  //请求成功执行.then 方法
    .then(data => console.log(data));
    .catch(err => console.log(err));  //请求失败执行.catch方法

  • fetch 请求本地文本
  • fetch 请求本地json
  • fetch 请求网络接口
posted @ 2020-04-28 15:21  砂糖一椰子  阅读(250)  评论(0编辑  收藏  举报