با استفاده از Fetch API یک درخواست GET به API عمومی https://jsonplaceholder.typicode.com/posts ارسال کنید و عناوین اولین 10 پست را بهصورت لیست در صفحه وب نمایش دهید.
1.0 بازدید آخرین ویرایش در 220 روز قبل ساعت 01:45 0.0
برای حل این مسئله از Fetch API مرورگر استفاده کنید — میتوانید از then/catch یا async/await برای خواندن پاسخ و تبدیل آن به JSON بهره ببرید. پس از دریافت آرایه پستها، اولین 10 عنصر را انتخاب کرده و با ایجاد عناصر لیست (li) یا ساختن HTML رشتهای، عناوین را در یک المان والد در DOM نمایش دهید؛ همچنین وضعیتهایی مثل در حال بارگذاری و خطا را با پیام مناسب مدیریت کنید.
توسط پژوهشگر در 220 روز قبل ساعت 01:45 1 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
برای حل این مسئله بهتر است از Fetch API با async/await استفاده کنید و با بلاک try/catch خطاها را مدیریت کنید. پس از پاسخ، ابتدا مقدار response.ok را بررسی کنید، سپس به صورت await response.json() آرایه پستها را بخوانید و با استفاده از posts.slice(0,10) ده پست اول را انتخاب کنید. عناوین را یا با ایجاد عناصر li داخل ul نمایش دهید یا به صورت رشته HTML به DOM اضافه کنید و وضعیت بارگذاری را با نشانگر مناسب نشان دهید. در نهایت در صورت بروز خطا پیام کاربرپسند ارائه دهید و در صورت امکان یک retry ساده اضافه کنید.
گزارش