اسکریپت درخواست HTTP با استفاده از Axios در JavaScript: راهنمای کامل و جامع


در دنیای برنامه‌نویسی وب، ارتباط بین کلاینت و سرور نقش مهمی ایفا می‌کند. یکی از روش‌های معمول برای ارسال درخواست‌ها، استفاده از پروتکل HTTP است. در این مقاله، قصد داریم به طور کامل و جامع درباره نحوه نوشتن نمونه اسکریپت درخواست HTTP با استفاده از کتابخانه Axios در زبان برنامه‌نویسی JavaScript، به ویژه با متدهای POST و GET، صحبت کنیم. همچنین، توضیح می‌دهیم که چرا Axios یکی از بهترین گزینه‌ها برای انجام این کار است و چه مزایایی دارد.
مقدمه‌ای بر Axios و درخواست‌های HTTP
Axios یک کتابخانه قدرتمند و محبوب در دنیای JavaScript است که امکان ارسال درخواست‌های HTTP را به صورت آسان و سریع فراهم می‌کند. این کتابخانه بر پایه Promise ساخته شده و قابلیت پشتیبانی از درخواست‌های پیچیده، مدیریت خطاها، و قابلیت‌های پیشرفته مانند درخواست‌های همزمان را دارا است. برخلاف XMLHttpRequest، Axios ساده‌تر و با نمونه‌سازی بهتر کار می‌کند، و قابلیت‌های بیشتری دارد که توسعه‌دهندگان را در پیاده‌سازی ارتباط با سرور یاری می‌کند.
درخواست‌های HTTP شامل متدهای مختلفی مانند GET، POST، PUT، DELETE و غیره می‌شود که هرکدام وظیفه خاص خود را دارند. متد GET برای دریافت داده‌ها، و POST برای ارسال داده‌های جدید به سرور استفاده می‌شود. در ادامه، نمونه‌کدهای کامل و توضیحات مربوط به هرکدام را آورده‌ایم.
---

نمونه اسکریپت درخواست GET با Axios




درخواست GET، یکی از رایج‌ترین نوع درخواست‌ها است که برای خواندن داده‌ها از سرور استفاده می‌شود. فرض کنید می‌خواهید لیستی از کاربران را از یک API دریافت کنید.
javascript  


// نمونه درخواست GET با Axios  


axios.get('https://jsonplaceholder.typicode.com/users')


  .then(function (response) {


    // پاسخ موفق  


    console.log('لیست کاربران:', response.data);


  })


  .catch(function (error) {


    // خطا در درخواست  


    console.error('خطا در دریافت داده‌ها:', error);


  });

در این کد، ابتدا آدرس URL مورد نظر برای دریافت داده‌ها مشخص شده است. سپس، متد `get()` فراخوانی می‌شود. در صورت موفقیت، داده‌های دریافتی در `response.data` قرار می‌گیرد و در کنسول چاپ می‌شود. در صورت بروز خطا، خطا در قسمت `catch` مدیریت می‌شود.
---

نمونه اسکریپت درخواست POST با Axios




درخواست POST برای ارسال داده‌های جدید به سرور کاربرد دارد. فرض کنید می‌خواهید یک کاربر جدید ثبت کنید.
javascript  


// نمونه درخواست POST با Axios  


axios.post('https://jsonplaceholder.typicode.com/users', {


  name: 'علی احمدی',


  username: 'ali_ahmadi',


  email: 'ali.ahmadi@example.com'


})


.then(function (response) {


  // پاسخ موفق  


  console.log('کاربر جدید با موفقیت ساخته شد:', response.data);


})


.catch(function (error) {


  // خطا در درخواست  


  console.error('خطا در ارسال داده‌ها:', error);


});

در این نمونه، ا... ← ادامه مطلب در magicfile.ir