با استفاده از 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 داشته باشید.
  • توسط پژوهشگر در 220 روز قبل ساعت 02:16
    دسته بندی ها: JavaScript JavaScript for beginner
    reyhaneh در 220 روز قبل ساعت 10:19

    برای بهبود UX، قبل از فراخوانی fetch یک پیام یا اسپینر 'در حال بارگذاری...' را نمایش بدهید و پس از دریافت پاسخ آن را پنهان کنید. مطمئن شوید پاسخ موفق است (response.ok) و سپس body را با response.json() تبدیل کنید و عناوین را در یک ul ایجاد و به DOM اضافه کنید. از try/catch برای خطاهای شبکه استفاده کنید و در صورت رخداد، پیام کاربرپسندی نمایش دهید و از وضعیت HTTP با استفاده از response.status یا response.ok بررسی کنید. در صورت احتمال CORS یا خطاهای اولیه، به کاربر اطلاع بدهید و در صورت لزوم دوباره تلاش کنید.

    گزارش

    1 پاسخ

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

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