مقدمه‌ای بر Axios
Axios یک کتابخانه محبوب جاوااسکریپت است که برای ارسال درخواست‌های HTTP به کار می‌رود. این کتابخانه به خصوص در پروژه‌های React و Vue.js بسیار مورد استفاده قرار می‌گیرد. یکی از ویژگی‌های بارز Axios پشتیبانی از Promise است که کار با درخواست‌های غیرهمزمان را آسان‌تر می‌کند.
درخواست GET با Axios
درخواست GET برای دریافت داده‌ها از سرور استفاده می‌شود. کافی است URL مورد نظر را مشخص کنید.
```javascript
axios.get('https://api.example.com/data')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error('Error fetching data:', error);
});
```
در این کد، ابتدا یک درخواست GET به URL مشخص شده ارسال می‌شود. اگر درخواست موفق باشد، داده‌ها در `response.data` قرار می‌گیرند. در غیر این صورت، خطا در کنسول چاپ می‌شود.
درخواست POST با Axios
درخواست POST برای ارسال داده‌ها به سرور استفاده می‌شود. به عنوان مثال، فرض کنید می‌خواهیم اطلاعات یک کاربر جدید را به سرور ارسال کنیم.
```javascript
axios.post('https://api.example.com/users', {
name: 'John Doe',
email: 'john@example.com'
})
.then(response => {
console.log('User created:', response.data);
})
.catch(error => {
console.error('Error creating user:', error);
});
```
در اینجا، ما یک درخواست POST ارسال می‌کنیم که شامل اطلاعات کاربر است. اگر درخواست موفق باشد، سرور ممکن است اطلاعات کاربر جدید را برگرداند.
نکات مهم
- پشتیبانی از توکن: اگر نیاز به احراز هویت دارید، می‌توانید توکن‌ها را به درخواست‌ها اضافه کنید.
```javascript
axios.post('https://api.example.com/users', {
headers: {
'Authorization': `Bearer ${token}`
}
});
```
- مدیریت خطا: همیشه باید مدیریت خطا را در نظر بگیرید تا از بروز مشکلات جلوگیری شود.
نتیجه‌گیری
Axios ابزار بسیار قوی و انعطاف‌پذیری برای کار با HTTP در جاوااسکریپت است. با استفاده از درخواست‌های GET و POST، می‌توانید به راحتی با سرور ارتباط برقرار کنید و داده‌ها را دریافت یا ارسال کنید. با توجه به امکانات بیشتر Axios، این کتابخانه انتخابی عالی برای توسعه‌دهندگان است.
