با استفاده از Fetch API و جاوااسکریپت یک صفحه وب ساده بسازید که با کلیک روی یک دکمه از یک API عمومی (مثلاً https://jsonplaceholder.typicode.com/posts) داده دریافت کرده و عناوین پست‌ها را در یک لیست نمایش دهد.

6.0 بازدید آخرین ویرایش در 220 روز قبل ساعت 01:58

0.0

برای حل این مسئله از Fetch API در JavaScript استفاده کنید؛ می‌توانید با async/await یا promiseهای then پاسخ را دریافت و با response.json() آن را به آبجکت تبدیل کنید، سپس با دستکاری DOM لیست عناوین را اضافه کنید. حتماً وضعیت بارگذاری را به کاربر نشان دهید و خطاها را با try/catch یا catch مدیریت کنید تا در صورت بروز مشکل پیام مناسبی نمایش داده شود. تکنیک‌ها و نکات مفید: بررسی response.ok قبل از پردازش، استفاده از headers در صورت نیاز، توجه به مسائل CORS و جلوگیری از کلیک‌های مکرر با غیرفعال کردن دکمه یا نمایش indicator بارگذاری.

توسط پژوهشگر در 220 روز قبل ساعت 01:58
دسته بندی ها: JavaScript JavaScript for beginner
arash در 220 روز قبل ساعت 11:23

برای پایداری، قبل از پردازش پاسخ با response.ok را بررسی کنید و در صورت خطا پیام مناسبی نمایش دهید. از async/await استفاده کنید و در آغاز درخواست دکمه را غیرفعال کرده و یک indicator بارگذاری نشان دهید تا کاربر متوجه بارگذاری شود. به مسائل CORS و استفاده از headers مناسب توجه کنید و خطاها را با try/catch یا catch مدیریت کنید تا خروجی مناسب نمایش یابد. پس از دریافت پاسخ، با response.json() داده‌ها را به آبجکت تبدیل کرده و فقط عناوین پست‌ها را به لیست DOM اضافه کنید تا رابط کاربری تمیز بماند.

گزارش

1 پاسخ

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

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