ما هو أكسيوس؟
بأبسط صورة، هي مكتبة جافاسكريبت تساعدنا على إجراء عمليات HTTP بسهولة في تطبيقات جانب العميل.
تثبيت أكسيوس
يمكننا تثبيته باستخدام Npm أو yarn أو CDN.
تثبيت باستخدام Npm
$ npm install axios
تثبيت باستخدام Yarn
$ yarn add axios
تثبيت باستخدام CDN
مثال صغير باستخدام طريقة Axios.get()
لنقم بعمل مثال صغير باستخدام طريقة get() من أكسيوس
import axios from 'axios' // نقوم باستيراد axios للاستخدام بعد تحميلها
export default {
data(){
return{
users:null, // أنشأت متغيرًا فارغًا باسم users
}},
methods:{
function (){
axios.get('https://jsonplaceholder.typicode.com/users').then((response) => {
// قمنا بسحب API واستخدمنا طريقة then() للإجراءات التالية
this.users = response.data; // وصلنا إلى كائن البيانات في الاستجابة التي تم إرجاعها وعيناه إلى المتغير المسمى users
console.log(this.users); // والآن قمنا بطباعة النتائج على وحدة التحكم لرؤيتها
})
}
}
}
نتيجة وحدة التحكم
لنصور نتيجة المثال
دعونا ننشئ جدولًا صغيرًا بمساعدة Bootstrap ونضع البيانات القادمة من API في هذا الجدول
وهذه هي النتيجة…
