« Axios » : différence entre les versions
De Banane Atomic
Aller à la navigationAller à la recherche
(→Get) |
|||
| (5 versions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 10 : | Ligne 10 : | ||
const axios = window.axios; | const axios = window.axios; | ||
</script> | </script> | ||
</kode> | |||
= Instance = | |||
<kode lang='js'> | |||
const instance = axios.create({ | |||
baseURL: 'https://www.domain.net/api' | |||
}); | |||
</kode> | </kode> | ||
| Ligne 15 : | Ligne 22 : | ||
<kode lang='js'> | <kode lang='js'> | ||
const instance = axios.create({ | const instance = axios.create({ | ||
auth: { | auth: { | ||
username: 'xxx', | username: 'xxx', | ||
| Ligne 25 : | Ligne 31 : | ||
= Get = | = Get = | ||
<kode lang='js'> | <kode lang='js'> | ||
instance.get('/item | instance.get('/item/1') | ||
.then(function (response) { | .then(function (response) { | ||
console.log(response); | console.log(response); | ||
| Ligne 32 : | Ligne 38 : | ||
console.error(error); | console.error(error); | ||
}); | }); | ||
const response = await instance.get('/item/1'); | |||
</kode> | |||
= Performing multiple concurrent requests = | |||
<kode lang='js'> | |||
const calls = []; | |||
calls.push(instance.get('/item/1')); | |||
calls.push(instance.get('/item/2')); | |||
const responses = await Promise.all(calls); | |||
</kode> | </kode> | ||
Dernière version du 29 janvier 2021 à 21:46
Links
Client side
|
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script>
const axios = window.axios;
</script>
|
Instance
|
const instance = axios.create({
baseURL: 'https://www.domain.net/api'
});
|
Authentication
|
|
const instance = axios.create({
auth: {
username: 'xxx',
password: 'yyy'
}
});
|
Get
|
|
instance.get('/item/1')
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.error(error);
});
const response = await instance.get('/item/1');
|
Performing multiple concurrent requests
|
|
const calls = [];
calls.push(instance.get('/item/1'));
calls.push(instance.get('/item/2'));
const responses = await Promise.all(calls);
|
