یک برنامهٔ سادهٔ 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 اعمال شود.

توسط پژوهشگر در 220 روز قبل ساعت 02:14
دسته بندی ها: JavaScript JavaScript for beginner
arash در 220 روز قبل ساعت 10:27

برای اطمینان از صحت داده‌ها، همواره وضعیت response.ok را بررسی کنید و در غیر این صورت پیغام خطای واضحی به کاربر نشان دهید. استفاده از async/await خواناتر است و با بلوک try/catch می‌توانید خطاهای شبکه یا تبدیل JSON را مدیریت کنید. پس از response.json(), اگر آرایه‌ای از پست‌ها داشتیم، عنوان اولین آیتم را با firstPost.title گرفته و در DOM با document.getElementById('title').innerText = firstPost.title نمایش دهید. توجه کنید ممکن است محدودیت‌های CORS یا تاخیر در پاسخ وجود داشته باشد؛ در صورت توسعه از ابزارهای مرورگر برای بررسی درخواست‌ها استفاده کنید و در تولید از یک سرور معتبر API استفاده نمایید.

گزارش

1 پاسخ

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

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