💡 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)
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ước | Hành động |
|---|---|
| 1. Gửi yêu cầu | fetch(URL) |
| 2. Kiểm tra phản hồi | Kiểm tra res.ok |
| 3. Giải mã dữ liệu | await res.json() |
| 4. Sử dụng | Hiể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.
■ 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