یک برنامهٔ سادهٔ JavaScript بنویسید که از یک API عمومی (مثلاً https://jsonplaceholder.typicode.com/posts) با استفاده از fetch دادهها را دریافت کرده و عنوان اولین پست را در صفحه نمایش دهد.
3.0 بازدید آخرین ویرایش در 220 روز قبل ساعت 02:14 0.0
برای حل این سوال از Fetch API و Promiseها یا async/await استفاده کنید: درخواست GET به آدرس API بفرستید، پاسخ را با response.json() به شیء جاوااسکریپتی تبدیل کنید، سپس عنوان اولین آیتم را بگیرید و با دستکاری DOM (مثلاً document.getElementById(...).innerText) نمایش دهید. حتماً وضعیت پاسخ (response.ok) و خطاها را با catch یا بلوک try/catch مدیریت کنید و برای آزمایش از کنسول و ابزار توسعهدهنده مرورگر استفاده کنید؛ توجه داشته باشید که ممکن است محدودیتهای CORS روی API اعمال شود.
1 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
برای اطمینان از صحت دادهها، همواره وضعیت response.ok را بررسی کنید و در غیر این صورت پیغام خطای واضحی به کاربر نشان دهید. استفاده از async/await خواناتر است و با بلوک try/catch میتوانید خطاهای شبکه یا تبدیل JSON را مدیریت کنید. پس از response.json(), اگر آرایهای از پستها داشتیم، عنوان اولین آیتم را با firstPost.title گرفته و در DOM با document.getElementById('title').innerText = firstPost.title نمایش دهید. توجه کنید ممکن است محدودیتهای CORS یا تاخیر در پاسخ وجود داشته باشد؛ در صورت توسعه از ابزارهای مرورگر برای بررسی درخواستها استفاده کنید و در تولید از یک سرور معتبر API استفاده نمایید.
گزارش