JavaScript Fetch API

Giao diện Fetch API cho phép trình duyệt Web gửi yêu cầu HTTP đến máy chủ Web.

Không cần XMLHttpRequest nữa.

Hỗ trợ trình duyệt

Số liệu trong bảng chỉ ra phiên bản đầu tiên của trình duyệt hỗ trợ hoàn toàn Fetch API:

Chrome IE Firefox Safari Opera
Chrome 42 Edge 14 Firefox 40 Safari 10.1 Opera 29
Tháng 6 năm 2011 Tháng 8 năm 2016 Tháng 8 năm 2015 Tháng 3 năm 2017 Tháng 4 năm 2015

Ví dụ Fetch API

Ví dụ dưới đây lấy tệp và hiển thị nội dung:

Ví dụ

fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));

Thử ngay

Do Fetch dựa trên async và await, vì vậy ví dụ trên có thể dễ hiểu hơn:

Ví dụ

async function getText(file) {
  let x = await fetch(file);
  let y = await x.text();
  myDisplay(y);
}

Thử ngay

Thậm chí còn tốt hơn: Hãy sử dụng tên dễ hiểu thay vì x và y:

Ví dụ

async function getText(file) {
  let myObject = await fetch(file);
  let myText = await myObject.text();
  myDisplay(myText);
}

Thử ngay