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

Trạng thái đang tải (Loading)

📌

Kết luận

Hiển thị thông báo "Đang tải" để cải thiện trải nghiệm người dùng

📝 Mã thực tế tại đây

el.textContent = 'Đang tải...';
const data = await fetch(url).then(r => r.json());
el.textContent = data.title;

Tổng kết

- Luôn hiển thị trạng thái đang xử lý trước khi gọi API - Thay thế nội dung bằng dữ liệu thực sau khi nhận được phản hồi thành công

Hãy thử thêm thông báo trạng thái "Đang tải" và "Hoàn tất" 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

Xuất 'Đang tải' trước khi gọi API và 'Hoàn tất' sau khi nhận dữ liệu.

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

Sắp xếp thứ tự các câu lệnh console.log.