API tìm nạp JavaScript
Giao diện API tìm nạp cho phép trình duyệt web thực hiện các yêu cầu HTTP đến máy chủ web.
😀 Không cần XMLHttpRequest nữa.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định các phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ API Tìm nạp:
Chrome 42 | Edge 14 | Firefox 40 | Safari 10.1 | Opera 29 |
Apr 2015 | Aug 2016 | Aug 2015 | Mar 2017 | Apr 2015 |
Ví dụ về API tìm nạp
Ví dụ dưới đây tìm nạp một tệp và hiển thị nội dung:
Thí dụ
fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));
Vì Tìm nạp dựa trên không đồng bộ và chờ đợi, nên ví dụ trên có thể dễ hiểu hơn như sau:
Thí dụ
async function getText(file) {
let x = await fetch(file);
let y = await x.text();
myDisplay(y);
}
Hoặc thậm chí là người giỏi hơn: Sử dụng tên dễ hiểu thay vì x và y:
Thí dụ
async function getText(file) {
let myObject = await fetch(file);
let myText = await myObject.text();
myDisplay(myText);
}