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 请求网络接口