💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!

Cập nhật: 2025年3月1日

Lấy dữ liệu API

📌

Kết luận

Dùng fetch() để lấy dữ liệu từ máy chủ (API)

📝 Mã thực tế tại đây
const res = await fetch('https://api.example.com/data');
const data = await res.json();
console.log(data);

Quy trình sử dụng fetch

BướcHành động
1. Gửi yêu cầufetch(URL)
2. Kiểm tra phản hồiKiểm tra res.ok
3. Giải mã dữ liệuawait res.json()
4. Sử dụngHiển thị dữ liệu lên trang

Tổng kết

- fetch() gửi yêu cầu HTTP - Cần dùng await res.json() để đọc nội dung JSON - Phải được đặt trong hàm có từ khóa async

Hãy thử trong phần bài tập

Hãy thử lấy dữ liệu từ API và xuất tiêu đề ra console nhé.

🧪 Thử nghiệm tại đây

Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.

Thử ngay

■ Bài tập thực hành

Dùng fetch để lấy dữ liệu từ API và xuất tiêu đề (title) ra console.

Gợi ý khi gặp khó khăn

fetch(url) -> response.json() -> data.title

25pt

Lấy dữ liệu API

Dùng fetch để lấy dữ liệu từ API và xuất tiêu đề (title) ra console.

Nhấp vào lỗi để đánh dấu dòng. ✕=lỗi ⚠=cảnh báo ›=log.

Lộ trình học · Toàn bộ bài giảng