نمونه اسکریپت درخواست JS HTTP با استفاده از روش Axios POST و GE

نمونه اسکریپت درخواست JS HTTP با استفاده از Axios POST و GET

در این نوشته به طور جامع توضیح می‌دهیم که چگونه از کتابخانه Axios برای ارسال درخواست‌های HTTP با روش‌های POST و GET در پروژه‌های جاوااسکریپتی استفاده کنید. هدف ما ارائه یک راهنمای گام به گام است که هم شامل کدهای نمونه باشد و هم توضیحات مفصل درباره امکانات، نکات امنيتي و روش‌های مدیریت پاسخ‌ها و خطاها را دربر بگیرد. همچنین به تفاوت‌ها بین GET و POST، چگونگی ارسال داده‌ها، همراهی با هدرها، مدیریت پاسخ‌ها و نکات debugging می‌پردازیم.

آشنایی با Axios و نصب اولیه
Axios یک کتابخانه محبوب برای ارسال درخواست‌های HTTP از مرورگر یا محیط Node.js است. با استفاده از آن می‌توانید به سادگی درخواست‌های GET, POST, PUT, DELETE و سایر متدها را با هندل ساده و پاسخ‌های قابل پردازش دریافت کنید. برای نصب در پروژه‌های npm یا yarn می‌توانید یکی از دستورات زیر را اجرا کنید:

npm install axios

yarn add axios

پس از نصب، می‌توانید با وارد کردن axios در فایل جاوااسکریپت به آن دسترسی پیدا کنید:

const axios = require('axios'); در محیط Node.js

یا با import axios from 'axios'; در پروژه‌های مبتنی بر ES Modules یا React/Vue و غیره.

نمونه‌های عملیGET و POST با توضیحات گام به گام
1) درخواست GET ساده
هدف از GET بازیابی داده‌هاست و معمولاً برای دریافت منابع از سرور استفاده می‌شود. در مثال زیر، یک درخواست GET به یک URL فرضی ارسال می‌کنیم و پاسخ را لاگ می‌کنیم. همچنین با مدیریت خطاها و استفاده از async/await، کد خواناتر می‌شود.

async function fetchUsers()

try
const response = await axios.get('https://api.example.com/users');
console.log('داده‌ها:', response.data);
// پاسخ می‌تواند شامل داده‌ها، وضعیت و هدرها باشد
console.log('وضعیت:', response.status);
console.log('هدرها:', response.headers);
catch (error)
console.error('خطا در درخواست GET:', error.message);
// اگر سرور پاسخ داده باشد، می‌توانید جزئیات خطا را هم ببینید
if (error.response)
console.error('داده پاسخ:', error.response.data);
console.error('وضعیت پاسخ:',

...