v1.0.0 - مقدم من API Club

Axios بالعربية

الدليل العربي الشامل لمكتبة طلبات HTTP المبنية على الوعود للمتصفح وNode.js

terminal
$ npm install axios
added 5 packages in 1.2s
$ _
المميزات

لماذا تختار Axios؟

مكتبة Axios توفر واجهة برمجية سهلة وقوية للتعامل مع طلبات HTTP، وهذه بعض المميزات التي تجعلها الخيار الأفضل

سهل الاستخدام

واجهة برمجة بسيطة وغنية بالميزات تجعل إرسال طلبات HTTP أمرًا سهلًا وبديهيًا

معالجة تلقائية للبيانات

تحويل تلقائي للبيانات من وإلى صيغة JSON دون الحاجة إلى كتابة رمز إضافي

حماية من XSRF

حماية تلقائية من هجمات تزوير الطلبات عبر المواقع تحمي تطبيقك من الثغرات الأمنية

إلغاء الطلبات

إمكانية إلغاء الطلبات قيد التنفيذ مما يمنحك تحكمًا كاملًا في أداء تطبيقك

دعم الوعود

بناء كامل على Promise API في جافاسكربت مما يسمح بسلاسل then/catch للتعامل مع النتائج

المعترضات

إضافة معترضات للطلبات والاستجابات للتحكم الكامل في كل مراحل دورة حياة الطلب

أمثلة سريعة

كيفية استخدام Axios

هذه بعض الأمثلة البسيطة التي تساعدك على البدء باستخدام Axios في مشاريعك

طلب GET

الجلب البسيط للبيانات من واجهة برمجية التطبيقات

GET Request
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);
  });

طلب POST

إرسال البيانات إلى الخادم مع ضبط الرؤوس

POST Request
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/Await
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);
  }
}

معترضات الطلبات

إضافة منطق قبل وبعد الطلبات، مثل إضافة رمز المصادقة

Interceptors
// 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 وAPI Club