Wat is Axios?
In de eenvoudigste vorm is het een JavaScript-bibliotheek die ons in staat stelt om HTTP-bewerkingen gemakkelijk uit te voeren in client-side toepassingen.
Axios Installatie
We kunnen het installeren met npm, yarn en CDN.
Installatie met Npm
$ npm install axios
Installatie met Yarn
$ yarn add axios
Installatie met CDN
Een Klein Voorbeeld met de Axios.get() Methode
Laten we een klein API-voorbeeld maken met de get() Methode van Axios
import axios from 'axios' // we importeren axios voor gebruik na installatie
export default {
data(){
return{
users:null, // ik heb een lege variabele genaamd users aangemaakt
}},
methods:{
function (){
axios.get('https://jsonplaceholder.typicode.com/users').then((response) => {
// we hebben de api aangeroepen en gebruikten de then() methode voor de daaropvolgende bewerkingen
this.users = response.data; // we hebben toegang gekregen tot het data-object in de response die we ontvangen hebben en we hebben deze toegewezen aan de variabele users
console.log(this.users); // nu hebben we de resultaten naar de console geschreven om ze te bekijken
})
}
}
}
Console-uitvoer
Laten we het resultaat in het voorbeeld visualiseren
Laten we met behulp van Bootstrap een kleine tabel maken en de gegevens die van de API komen in deze tabel plaatsen
En het resultaat…
