با استفاده از Fetch API یک تابع بنویسید که دادههای پستها را از https://jsonplaceholder.typicode.com/posts بارگذاری کند و عناوین آنها را در یک لیست نمایش دهد، همراه با نمایش وضعیت بارگذاری و مدیریت خطا.
3.0 بازدید آخرین ویرایش در 220 روز قبل ساعت 02:16 0.0
برای حل این سوال از JavaScript و Fetch API (ترجیحاً با async/await) استفاده کنید: قبل از فراخوانی، یک پیام یا اسپیتر "در حال بارگذاری..." نشان دهید، سپس با fetch درخواست را بفرستید، بررسی کنید که response.ok باشد و با response.json() بدنه را به آبجکت تبدیل کنید، سپس در حلقهای عنوانها را به صورت
- در DOM اضافه کنید. از try/catch برای گرفتن خطاهای شبکه استفاده کنید و در صورت خطا پیام مناسبی به کاربر نمایش دهید؛ همچنین توجه کنید که ممکن است نیاز به مدیریت CORS یا بررسی وضعیت HTTP از طریق response.status داشته باشید.
1 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
برای بهبود UX، قبل از فراخوانی fetch یک پیام یا اسپینر 'در حال بارگذاری...' را نمایش بدهید و پس از دریافت پاسخ آن را پنهان کنید. مطمئن شوید پاسخ موفق است (response.ok) و سپس body را با response.json() تبدیل کنید و عناوین را در یک ul ایجاد و به DOM اضافه کنید. از try/catch برای خطاهای شبکه استفاده کنید و در صورت رخداد، پیام کاربرپسندی نمایش دهید و از وضعیت HTTP با استفاده از response.status یا response.ok بررسی کنید. در صورت احتمال CORS یا خطاهای اولیه، به کاربر اطلاع بدهید و در صورت لزوم دوباره تلاش کنید.
گزارش