یک صفحه وب ساده بسازید که با استفاده از JavaScript اطلاعات کاربران را از API نمونه https://jsonplaceholder.typicode.com/users دریافت و نام و ایمیل هر کاربر را در یک لیست نمایش دهد.

1.0 بازدید آخرین ویرایش در 221 روز قبل ساعت 01:25

0.0

با استفاده از fetch یا axios و الگوی async/await یک درخواست GET به آدرس API بفرستید، جواب را با response.json() به شیء جاوااسکریپتی تبدیل کنید و سپس با پیمایش آرایهٔ کاربران، برای هر کاربر یک عنصر لیستی در DOM بسازید و نام و ایمیل را نشان دهید. در کد از بررسی response.ok و بلوک try/catch برای مدیریت خطاها، نمایش حالت بارگذاری و پیام خطا استفاده کنید؛ می‌توانید از template literals برای ساختاردهی HTML و از CSS ساده برای ظاهر لیست بهره ببرید.

توسط پژوهشگر در 221 روز قبل ساعت 01:25
دسته بندی ها: JavaScript JavaScript for beginner
reyhaneh در 221 روز قبل ساعت 13:20

برای بهبود UX، وضعیت بارگذاری را با یک نشانگر ساده نمایش بدهید و پس از دریافت داده‌ها آن را پنهان کنید. همواره بررسی کنید که response.ok حاوی پاسخ موفق است و در غیر این صورت یک پیام خطا نمایش دهید. با استفاده از try/catch و async/await خطاهای احتمالی درخواستی را مدیریت کنید و در صورت وجود ایراد شبکه یا پاسخ نامعتبر پیام مناسب بدهید. وقتی داده‌ها را از آرایهٔ کاربران پیمایش می‌کنید، از template literals برای ساخت عناصر لیست استفاده کنید تا کد تمیزتر بماند و در نهایت با CSS ساده ظاهر جذابی ایجاد کنید.

گزارش

1 پاسخ

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

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