رمزگشایی مکالمه: فرو رفتن عمیق در اشیاء درخواست و پاسخ در جاوا اسکریپت

یک تبادل پر جنب و جوش بین یک کاربر و برنامه وب خود را تصور کنید. کاربر با رابط ارتباط برقرار می کند، اقدامات آنها جرقه گفتگو را در پشت صحنه ایجاد می کند. این ارتباط از طریق انجام می شود درخواست و واکنش اشیاء، قهرمانان گمنام توسعه وب.

آغاز گفتگو: هدف درخواست

شی درخواست را به عنوان کاربر در نظر بگیرید که دست خود را بالا می برد و سوالی می پرسد. جزئیاتی را در مورد آنچه که آنها از سرور می خواهند به همراه دارد:

• آدرس اینترنتی (الزامی): این آدرس خاص روی سرور است، مانند شماره اتاق در یک ساختمان (به عنوان مثال، https://api.example.com/data).
• روش (الزامی): این به سرور می گوید که کاربر چه نوع اقدامی را درخواست می کند:
  • GET: پرسیدن سوال، درخواست اطلاعات (مثلاً واکشی داده).
  • POST: بیانیه، ارسال داده های جدید (مثلاً ارسال فرم).
  • PUT: به روز رسانی چیزی خاص، تغییر داده های موجود.
  • DELETE: دور انداختن چیزی، حذف داده ها از سرور.

• سرصفحه ها (اختیاری): جزئیات اضافی که زمینه را فراهم می کند، مانند یادداشت های جانبی یا دستورالعمل ها. برخی از هدرهای رایج عبارتند از:

  • Content-Type: به سرور بگویید چه نوع داده هایی ارسال می شود (مثلاً متن، JSON).
  • Authorization: بررسی اینکه آیا کاربر مجوز دسترسی به منابع خاصی را دارد یا خیر.

• بدن (اختیاری): برای اقداماتی مانند POST و PUT، کاربر ممکن است داده های اضافی را ارسال کند (به عنوان مثال، جزئیات ارسال فرم).

ساخت شی درخواست:

در جاوا اسکریپت مدرن، ما اغلب از fetch API برای ساختن شی درخواست، با مشخص کردن URL، متد، هدرها و بدنه به روشی واضح.

مثال: واکشی داده از یک سرور

fetch('https://api.example.com/data', {
  method: 'GET',
  headers: {
    'Content-Type': 'application/json'
  }
})
.then(response => response.json()) // Parse response as JSON (if applicable)
.then(data => {
  // Process the received data (e.g., update the user interface)
})
.catch(error => {
  // Handle errors, like network issues or server errors
});

Server Responds: The Response Object

سرور شی درخواست را دریافت می کند، آن را پردازش می کند و یک شی پاسخ را به مرورگر کاربر می فرستد. این پاسخ پاسخ یا واکنش سرور است:

• کد وضعیت: یک عدد سه رقمی که نتیجه درخواست را نشان می دهد:
  • 200 OK: موفقیت آمیز، سرور داده هایی برای ارسال دارد.
  • 404 Not Found: منبع درخواستی یافت نشد.
  • 500 Internal Server Error: خطایی در سرور رخ داده است.

• سربرگ ها: اطلاعات اضافی از سرور، مانند دستورالعمل های مرورگر.

• بدن (اختیاری): بسته به درخواست و پاسخ، بدن ممکن است شامل موارد زیر باشد:

  • داده های درخواستی (به عنوان مثال، اطلاعات واکشی شده).
  • یک پیام خطا
  • یک دستورالعمل تغییر مسیر که به مرورگر می‌گوید به مکان دیگری برود.

درک موضوع پاسخ:

در قسمت جلویی، ما معمولاً از then و catch روش های fetch قول پردازش شی پاسخ. ما می‌توانیم کد وضعیت را بررسی کنیم، به هر سرصفحه‌ای دسترسی داشته باشیم و بدنه (اغلب به صورت JSON) را برای استخراج داده‌ها یا رسیدگی به خطاها تجزیه کنیم.

نکات کلیدی:

• درخواست ها و پاسخ ها اساس ارتباطات وب هستند.
• قسمت های مختلف این اشیاء را برای تعاملات معنی دار درک کنید.
• برای ارتباط کارآمد، روی روش‌های رایج، سرصفحه‌ها و کدهای وضعیت تمرکز کنید.
• برای تقویت درک خود با مثال ها تمرین کنید.

یاد آوردن: با تسلط بر این مفاهیم، ​​به خوبی برای ساختن برنامه های کاربردی وب که به طور یکپارچه با سرورها در جاوا اسکریپت ارتباط برقرار می کنند، مجهز خواهید شد!