یک برنامهٔ وب ساده با 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 برای مدیریت استثناها بهره ببر و توسعه را با ابزارهای توسعه‌دهنده مرورگر و کنسول خطاها تست کن.
توسط پژوهشگر در 201 روز قبل ساعت 03:13
دسته بندی ها: JavaScript JavaScript for beginner
sara در 201 روز قبل ساعت 07:07

برای نمایش نام پست‌ها از یک حلقه ساده روی UL استفاده کنید و قبل از درخواست، وضعیت 'در حال بارگذاری' را به کاربر نشان دهید تا UX بهتری داشته باشید. با استفاده از async/await و try/catch، به‌محض دریافت پاسخ چک کنید که response.ok برابر true باشد وگرنه خطا را مدیریت کنید و پیام مناسب بدهید. اگر خطایی رخ بده یا CORS مشکل باشد، از کنسول برای دیباگ و نمایش یک پیام کاربرپسند استفاده کنید (مثلاً «مشکلی پیش آمد، دوباره امتحان کنید»). توسعه را با ابزارهای توسعه مرورگر و مشاهده‌ی Network tab تست کنید تا مطمئن شوید که JSON درست parsed می‌شود.

گزارش

2 پاسخ

جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من

در حال بارگیری...
ورود به حساب کاربری