💡 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日

Xử lý lỗi API

📌

Kết luận

Luôn kiểm tra res.ok để xử lý các tình huống lỗi mạng

📝 Mã thực tế tại đây
const res = await fetch(url);
if (!res.ok) throw new Error('Không thể lấy dữ liệu');
const data = await res.json();

Tổng kết

- res.ok sẽ là false nếu có lỗi HTTP (như 404 hoặc 500) - Kiểm tra lỗi giúp ứng dụng của bạn hoạt động ổn định hơn

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

Hãy thêm phần kiểm tra lỗi cho fetch 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

Nếu phản hồi fetch không thành công (res.ok là false), hãy xuất 'Lỗi'.

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

Kiểm tra thuộc tính res.ok sau khi fetch.

25pt

Xử lý lỗi API

Nếu phản hồi fetch không thành công (res.ok là false), hãy xuất 'Lỗi'.

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