Kịch bản thuyết trình: Slide 127

Mình tiếp tục với slide 127 về JavaScript Fetch API.

Tổng quan

Fetch API dùng để gửi yêu cầu HTTP (GET, POST, ...) từ trình duyệt đến server.

Có thể gọi API hoặc tải file (text, JSON, HTML, nhị phân,...).

fetch() trả về Promise, kết quả là một đối tượng Response.

Là chuẩn hiện đại thay thế XMLHttpRequest, giúp code ngắn gọn, dễ đọc, dễ bảo trì.

Ứng dụng phổ biến:

• Lấy dữ liệu JSON từ API (RESTful API, microservice,...).
• Tải nội dung động như text/HTML để hiển thị.
• Gửi dữ liệu từ form đến backend (POST/PUT).
• Tương tác dữ liệu trong ứng dụng web (dashboard, SPA,...).

Cú pháp cơ bản

fetch(url)
    .then(response => response.text()) // use .text() for text/HTML files
    .then(data => console.log(data))
    .catch(error => console.log(error))

Trong đó:

• .text() → dùng cho file text, HTML.
• .json() → dùng cho file JSON hoặc API trả về JSON.
• .blob() → dùng cho file nhị phân (ảnh, PDF,...).

Như vậy là mình đã trình bày xong về Fetch API và cú pháp cơ bản để sử dụng.