Fetch API

Khái niệm và cách dùng

Fetch API sử dụng các đối tượng Request và Response cùng những thành phần khác liên quan đến yêu cầu mạng, cũng như các khái niệm liên quan như CORS và ngữ nghĩa của tiêu đề HTTP Origin.

Để thực hiện một yêu cầu và truy xuất một tài nguyên, hãy dùng phương thức fetch(). Đây là phương thức toàn cục trong cả ngữ cảnh Window và Worker. Điều đó khiến nó có sẵn trong hầu hết mọi ngữ cảnh mà bạn muốn truy xuất tài nguyên.

Phương thức fetch() nhận một đối số bắt buộc là đường dẫn tới tài nguyên bạn muốn truy xuất. Nó trả về một Promise được giải quyết thành Response của yêu cầu đó ngay khi máy chủ phản hồi bằng các header, ngay cả khi phản hồi từ máy chủ là một mã trạng thái lỗi HTTP. Bạn cũng có thể tùy chọn truyền vào một đối tượng tùy chọn init làm đối số thứ hai, xem Request.

Khi đã nhận được một Response, sẽ có nhiều phương thức để xác định nội dung của phần thân phản hồi là gì và cần xử lý nó như thế nào.

Bạn có thể tạo trực tiếp một yêu cầu và phản hồi bằng các bộ khởi tạo Request() và Response(), nhưng việc này không thường được thực hiện trực tiếp. Thay vào đó, các đối tượng này thường được tạo ra như kết quả của những hành động API khác, ví dụ FetchEvent.respondWith() từ service worker.

Tìm hiểu thêm về cách dùng các tính năng của Fetch API trong Sử dụng Fetch API.

Deferred Fetch

API fetchLater() cho phép nhà phát triển yêu cầu một deferred fetch, tức một yêu cầu truy xuất có thể được gửi sau một khoảng thời gian xác định, hoặc khi trang bị đóng hay điều hướng đi nơi khác. Xem Sử dụng Deferred Fetch.

Giao diện

Window.fetch() và WorkerGlobalScope.fetch(): Phương thức fetch() dùng để truy xuất một tài nguyên.
Window.fetchLater(): Dùng để thực hiện một yêu cầu deferred fetch.
DeferredRequestInit: Biểu diễn tập hợp các tùy chọn có thể dùng để cấu hình một yêu cầu deferred fetch.
FetchLaterResult: Biểu diễn kết quả của việc yêu cầu deferred fetch.
Headers: Biểu diễn các header của phản hồi/yêu cầu, cho phép bạn truy vấn chúng và thực hiện các hành động khác nhau tùy theo kết quả.
Request: Biểu diễn một yêu cầu tới tài nguyên.
Response: Biểu diễn phản hồi cho một yêu cầu.