fetch و درخواست HTTP

fetch برای درخواست شبکه است؛ پاسخ و وضعیت HTTP باید بررسی شود.

جاوااسکریپتمثال قابل ویرایشتمرین عملی

مفهوم به زبان ساده

fetch برای درخواست شبکه است؛ پاسخ و وضعیت HTTP باید بررسی شود.

بهترین روش یادگیری این است که مثال را اجرا کنی، یک تغییر کوچک در آن بدهی و نتیجه را با خروجی مورد انتظار مقایسه کنی. نام متغیرها و مقادیر نمونه را مطابق مسئله خودت تغییر بده.

نکته مهم: در پروژه واقعی پاسخ شبکه را از نظر وضعیت HTTP بررسی کن، خطا را مدیریت کن و برای کارهای حساس اعتبارسنجی سمت سرور را نیز انجام بده.

مثال تعاملی

کد را تغییر بده و اجرا کن

main.jsEditor · UTF-8

async function mockFetch() {
  const response = await Promise.resolve({ status: 200, ok: true });
  console.log(response.status, response.ok);
}
await mockFetch();

کد جاوااسکریپت در یک قاب جدا و محدود اجرا می‌شود؛ دسترسی به صفحه اصلی داده نمی‌شود.

تمرین این درس

داده‌ای از یک API عمومی دریافت کن.

راه‌حل یا یادداشت خودت

← درس قبلی: async و await درس بعدی: کار با پاسخ JSON →