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