Maison > Article > interface Web > Axios contre Récupérer
Version portugaise
Axios et Fetch sont des outils populaires pour effectuer des requêtes HTTP en JavaScript, mais ils présentent quelques différences clés. Voici un résumé :
Axios :
axios.get('/api/data') .then(response => console.log(response.data)) .catch(error => console.error(error)); const options = { url: 'http://localhost/test.htm', method: 'POST', headers: { 'Accept': 'application/json', 'Content-Type': 'application/json;charset=UTF-8' }, data: { a: 10, b: 20 } }; axios(options) .then(response => { console.log(response.status); });
Récupérer :
fetch('/api/data') .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); }) .then(data => console.log(data)) .catch(error => console.error(error)); const url = "https://jsonplaceholder.typicode.com/todos"; const options = { method: "POST", headers: { Accept: "application/json", "Content-Type": "application/json;charset=UTF-8", }, body: JSON.stringify({ a: 10, b: 20, }), }; fetch(url, options) .then((response) => response.json()) .then((data) => { console.log(data); });
Les deux ont leurs atouts, et le choix dépend souvent de vos besoins et préférences spécifiques. Si vous créez une application plus grande avec de nombreuses interactions API, Axios peut faciliter certaines tâches, tandis que Fetch est idéal pour les tâches simples.
Axios propose une API conviviale qui simplifie la plupart des tâches de communication HTTP. Cependant, si vous préférez utiliser les fonctionnalités natives du navigateur, vous pouvez certainement implémenter vous-même des fonctionnalités similaires avec l'API Fetch.
Comme nous l'avons exploré, il est tout à fait réalisable de répliquer les fonctionnalités principales d'Axios à l'aide de la méthode fetch() disponible dans les navigateurs. La décision d'inclure une bibliothèque HTTP client dépend en fin de compte de votre aisance avec les API natives et des exigences spécifiques de votre projet.
Pour plus d'informations : https://medium.com/trainingcenter/axios-ou-fetch-765e5db9dd59
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!