یک برنامهٔ وب ساده با JavaScript بنویس که از API عمومی https://jsonplaceholder.typicode.com/posts دادهها را با fetch دریافت کرده، عناوین پستها را بهصورت یک لیست در صفحه نمایش دهد و هنگام بارگذاری یا در صورت خطا پیام مناسب نشان دهد.
6.0 بازدید آخرین ویرایش در 201 روز قبل ساعت 03:13 0.0
برای حل این سوال از Fetch API در JavaScript استفاده کن، با async/await درخواست GET به آدرس دادهشده بفرست و نتیجه را با response.json() پارس کن؛ قبل از نمایش، response.ok را بررسی و در صورت عدم موفقیت خطا را هندل کن. سپس DOM را با یک حلقه پر کن تا عناوین در یک لیست (
- /
- ) نمایش داده شوند؛ برای وضعیتهای مختلف مانند "در حال بارگذاری" و "خطا" از پیامهای متنی یا spinner ساده استفاده کن. نکتهها: به مشکلات CORS توجه کن، از try/catch برای مدیریت استثناها بهره ببر و توسعه را با ابزارهای توسعهدهنده مرورگر و کنسول خطاها تست کن.
2 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
برای نمایش نام پستها از یک حلقه ساده روی UL استفاده کنید و قبل از درخواست، وضعیت 'در حال بارگذاری' را به کاربر نشان دهید تا UX بهتری داشته باشید. با استفاده از async/await و try/catch، بهمحض دریافت پاسخ چک کنید که response.ok برابر true باشد وگرنه خطا را مدیریت کنید و پیام مناسب بدهید. اگر خطایی رخ بده یا CORS مشکل باشد، از کنسول برای دیباگ و نمایش یک پیام کاربرپسند استفاده کنید (مثلاً «مشکلی پیش آمد، دوباره امتحان کنید»). توسعه را با ابزارهای توسعه مرورگر و مشاهدهی Network tab تست کنید تا مطمئن شوید که JSON درست parsed میشود.
گزارش