با استفاده از Fetch API یک صفحه وب بسازید که با کلیک روی دکمه لیست کاربران را از یک API عمومی دریافت و در یک جدول در DOM نمایش دهد.
6.0 بازدید آخرین ویرایش در 201 روز قبل ساعت 03:42 0.0
از Fetch API (با async/await یا then) برای ارسال درخواست GET به یک API عمومی مثل https://jsonplaceholder.typicode.com/users استفاده کنید، پاسخ را به JSON تبدیل کرده و سطرهای جدول را بر اساس دادهها بسازید و در صفحه قرار دهید. حتما وضعیت بارگذاری و خطاها را مدیریت کنید (مثلاً نمایش پیغام خطا اگر response.ok=false یا شبکه قطع باشد)، و نکات عملی مانند استفاده از JSON.parse/JSON.stringify، بررسی response.ok، و بروزرسانی امن DOM (document.createElement یا innerHTML با دقت) را رعایت کنید؛ در صورت نیاز به POST هدر Content-Type: application/json و JSON.stringify را اضافه کنید و ملاحظات CORS را در نظر بگیرید.
توسط پژوهشگر در 201 روز قبل ساعت 03:42 1 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
استفاده از Fetch API با async/await یا then برای دریافت لیست کاربران از API عمومی مطلوب است، به شرطی که پاسخ را با response.json() تبدیل کنید و خطاها را با try/catch یا then-catch مدیریت نمایید. برای امنیت DOM از ساخت عناصر با document.createElement یا textContent استفاده کنید تا از XSS جلوگیری شود و از innerHTML با دقت فراوان بهره ببرید. وضعیت بارگذاری را با نشانگر loading و پیامهای کاربرپسند هنگام خطا یا پاسخ غیر ok نمایش دهید و از نظر تجربه کاربری، مدیریت CORS و قطع شبکه را در نظر بگیرید. اگر نیاز به POST داشتید، از Content-Type: application/json و JSON.stringify استفاده کنید و میتوانید با AbortController درخواستها را لغو کنید تا کاربر تحت فشار نباشد.
گزارش