تقديم ليد أوشن:توليد العملاء المحتملين المعتمد على الذكاء الاصطناعي، بيانات مُنقاة، زيادة بلا جهد

استخدام Axios مع Vue.js

استخدام Axios مع Vue.js
Emir Eskici

Emir Eskici

متحمس لبلس كلاودز

ما هو أكسيوس؟
هو مكتبة جافا سكريبت تسهل علينا إجراء عمليات HTTP في تطبيقات الواجهة الأمامية بشكل بسيط.
تثبيت أكسيوس
يمكننا تثبيته باستخدام npm أو yarn أو CDN.
تثبيت باستخدام npm

$ npm install axios

تثبيت باستخدام yarn

$ yarn add axios

تثبيت باستخدام CDN

مثال صغير باستخدام دالة Axios.get()
دعنا نقوم بعمل مثال صغير على API باستخدام دالة 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); // والآن قمنا بكتابة النتائج المReturned في وحدة التحكم
     })
  }
}
}

مخرجات وحدة التحكم
drawing

دعنا نرى نتيجة المثال بشكل مرئي
دعنا نستخدم Bootstrap لإنشاء جدول صغير ونضع البيانات القادمة من API في هذا الجدول

وها هي النتيجة…

result

Sales

معلومات المنتج

نبحث عن كتّاب وصحفيين!

نبحث عن كتّاب وصحفيين!

إذا كنت صحفياً، لديك رغبة في التعمق في المواضيع المتعلقة بالأعمال والقطاعات، نريد العمل معك!

دعنا نتحدث ونخلق عملاً رائعاً معاً!

مشاركات أخرى في هذه الفئة

رؤية بلغات أخرى

تكتب AutoQuill محتوى تسويقي تابع وتنشره لك.
قلم أوتوماتيكي
تكتب AutoQuill محتوى تسويقي تابع وتنشره لك.

أسهل مال ستحققه على الإطلاق

مع أداة AutoQuill التي بدأت PlusClouds بتقديمها لشركائها، سيتمكن منشئو المحتوى من البيع بنقرة واحدة فقط. دعنا نوضح لك كيف يمكنك الحصول على نصيبك من هذه الثورة.

اقترح مدونة أخبار
اقترح مدونة أخبار
هل لديك خبر؟ شيء يجب أن نعرف عنه؟
تواصل مع المراسل

لا تملك حسابًا بعد؟ إذن دعنا نبدأ على الفور.

إذا كان لديك حساب، يمكنك الذهاب إلى ليو عن طريق تسجيل الدخول.