الدليل العربي الشامل لمكتبة طلبات HTTP المبنية على الوعود للمتصفح وNode.js
مكتبة Axios توفر واجهة برمجية سهلة وقوية للتعامل مع طلبات HTTP، وهذه بعض المميزات التي تجعلها الخيار الأفضل
واجهة برمجة بسيطة وغنية بالميزات تجعل إرسال طلبات HTTP أمرًا سهلًا وبديهيًا
تحويل تلقائي للبيانات من وإلى صيغة JSON دون الحاجة إلى كتابة رمز إضافي
حماية تلقائية من هجمات تزوير الطلبات عبر المواقع تحمي تطبيقك من الثغرات الأمنية
إمكانية إلغاء الطلبات قيد التنفيذ مما يمنحك تحكمًا كاملًا في أداء تطبيقك
بناء كامل على Promise API في جافاسكربت مما يسمح بسلاسل then/catch للتعامل مع النتائج
إضافة معترضات للطلبات والاستجابات للتحكم الكامل في كل مراحل دورة حياة الطلب
هذه بعض الأمثلة البسيطة التي تساعدك على البدء باستخدام Axios في مشاريعك
الجلب البسيط للبيانات من واجهة برمجية التطبيقات
import axios from 'axios';
// Simple GET request
axios.get('https://api.example.com/users')
.then(response => {
// Success
console.log(response.data);
})
.catch(error => {
// Error
console.error(error);
});
إرسال البيانات إلى الخادم مع ضبط الرؤوس
import axios from 'axios';
// Sending data with POST
axios.post('https://api.example.com/users', {
name: 'Mohammed',
email: '[email protected]'
}, {
headers: {
'Content-Type': 'application/json',
'Authorization': 'Bearer token123'
}
})
.then(response => console.log(response.data));
إرسال عدة طلبات في نفس الوقت وانتظار نتائجهم جميعاً
async function fetchData() {
try {
const [users, posts] = await Promise.all([
axios.get('https://api.example.com/users'),
axios.get('https://api.example.com/posts')
]);
console.log('Users:', users.data);
console.log('Posts:', posts.data);
} catch (error) {
console.error('Error occurred:', error);
}
}
إضافة منطق قبل وبعد الطلبات، مثل إضافة رمز المصادقة
// Adding a request interceptor
axios.interceptors.request.use(config => {
// Add authorization token to all requests
config.headers.Authorization =
`Bearer ${localStorage.getItem('token')}`;
return config;
}, error => {
return Promise.reject(error);
});
توثيق شامل لجميع ميزات وخصائص مكتبة Axios بشرح مفصل وأمثلة عملية
دليل البدء باستخدام Axios وتثبيته وإعداده في مشروعك
شرح مفصل عن طلبات GET وكيفية استخدامها مع خيارات متقدمة
تعلم كيفية إرسال البيانات إلى الخادم باستخدام طلبات POST
أفضل الممارسات للتعامل مع أخطاء HTTP والمشاكل المتعلقة بالشبكة
فهم كيفية استخدام المعترضات للتحكم في الطلبات والاستجابات
تعلم كيفية إلغاء الطلبات قيد التنفيذ لتحسين أداء التطبيق
اشترك في نشرتنا البريدية للحصول على آخر الأخبار والتحديثات حول Axios وAPI Club