« Axios » : différence entre les versions
De Banane Atomic
Aller à la navigationAller à la recherche
Aucun résumé des modifications |
(→Get) |
||
| (7 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> | ||
= Authentication = | = Authentication = | ||
<kode lang='js'> | <kode lang='js'> | ||
axios. | const instance = axios.create({ | ||
auth: { | auth: { | ||
username: 'xxx', | username: 'xxx', | ||
password: 'yyy' | password: 'yyy' | ||
} | } | ||
}) | }); | ||
.then(function (response) { }); | </kode> | ||
= Get = | |||
<kode lang='js'> | |||
instance.get('/item/1') | |||
.then(function (response) { | |||
console.log(response); | |||
}) | |||
.catch(function (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);
|
