API Fetch của JavaScript

Định nghĩa và cách sử dụng

fetch() Phương pháp khởi động quá trình lấy tài nguyên từ máy chủ.

fetch() Phương pháp trả về Promise phân tích thành đối tượng Response.

Lưu ý:Không cần XMLHttpRequest nữa.

Mô hình

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

Thử trực tiếp

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

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

Thử trực tiếp

Sử dụng tên dễ hiểu thay vì x và y:

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

Thử trực tiếp

Cú pháp

fetch(file)

Tham số

Tham số Mô tả
file Tùy chọn. Tên tài nguyên cần lấy.

Giá trị trả về

Loại Mô tả
Promise Phân tích thành đối tượng Promise của Response.

Hỗ trợ trình duyệt

fetch() Là tính năng của ECMAScript6 (ES6).

Tất cả các trình duyệt hiện đại đều hỗ trợ ES6 (JavaScript 2015).

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

Internet Explorer 11 (và các phiên bản sớm hơn) không hỗ trợ fetch()。