用 Promise 來包裝 XMLHttpRequest

懶人一下。

簡述

比較熟悉後就可以把一些東西改用 Promise 來包裝,例如:XMLHttpRequest

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function sendRequest () {
return new Promise((resolve, reject) => {
const request = new XMLHttpRequest();
request.open('GET', api200, true);
// 成功就 call resove
request.onload = () => resolve(JSON.parse(request.responseText));
// 失敗就 call reject
request.onerror = () => reject('發生未預期的錯誤!');
request.send();
})
}

sendRequest()
.then(res => console.log(res))
.catch(err => console.log(err))
自己捏一個 Promise fetch 的注意事項
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×