@dasturlash_hayoti · Post #3838 · 06/17/2025, 10:05 AM
Axios bilan real API chaqirish — ODDIY MISOL BILAN! ❓ “Ma’lumotni boshqa sayt yoki serverdan qanday olib kelamiz?” degan savol bormi? Javob: Axios! STEP 1: Axios’ni o‘rnatamiz Terminalda yozing: npm install axios STEP 2: Real API chaqiramiz (masalan: foydalanuvchilar ro‘yxati) Bu API — jsonplaceholder.typicode.com saytiga tegishli va real ishda sinab ko‘rish uchun yaratilgan bepul servis. import axios from 'axios'; export default { data() { return { users: [] }; }, mounted() { axios.get('https://jsonplaceholder.typicode.com/users') .then(response => { this.users = response.data; }) .catch(error => { console.log("Xatolik:", error); }); } } STEP 3: Ma’lumotni sahifada chiqaramiz <ul> <li v-for="user in users" :key="user.id"> {{ user.name }} - {{ user.email }} </li> </ul> 📌 Natija: ✅ Sahifa ochilishi bilan API’dan foydalanuvchilar ro‘yxati olinadi ✅ Bu ma’lumotlar users array’iga joylanadi ✅ v-for yordamida ekranga chiqariladi 💡 Real hayotda bu qanday foyda beradi? – Mahsulotlar ro‘yxati olish – Ob-havo, yangiliklar, valyuta kurslari chiqarish – Login/ro‘yxatdan o‘tish so‘rovlari – Barcha dinamik ma’lumotlar API orqali ishlaydi! Foydali deb bilsangiz: 📌Saqlab qo‘ying 📤 Do‘stlaringizga ulashing 💬Izohda fikringizni yozing #vuejs#axios#api#frontend#json#dasturlash#webdev#praktika#ulashishga_arziydi 💻@dasturlash_hayoti — bir xatoni tuzatib, ikkinchisiga tayyorlanish! 😅