Fetch vs axios - welches soll ich verwenden?
In diesem Artikel gehen wir zuerst durch, was Fetch und Axios sind, und erforschen dann Funktionen von Fetch und Axios und vergleichen sie ausführlich, um ihre Vorteile vollständig zu verstehen.
Bringen
Fetch ist eine API, die Ihnen im Allgemeinen eine einfache Methode bietet, mit der Anforderungen auf dem Server manipuliert und abgerufen werden können. Sie können die Fetch () -Methode im Fensterobjekt leicht definieren. Abrufen -API verwendet die Schnittstelle von JavaScript, um HTTP -Anforderungen zu manipulieren und zugreifen zu können. Trotzdem ist es notwendig zu wissen, dass es ein einziges wesentliches Argument benötigt, ich.e. Der Weg der URL, den Sie abgerufen werden möchten, und ein Versprechen entsprechend zurückgeben. Wenn Sie die Antwort der Anfrage abrufen möchten, wird das Versprechen verwendet. Im Folgenden finden Sie die Merkmale der Fetch () -Methode:
- In der Lage, den Cache zu steuern
- Fähigkeit, Kontrollpersonen umzuleiten
- In der Lage, Daten zu holen und zu lesen, ohne effizient zu streamen
Die grundlegende Syntax von Fetch () API ist unten dargestellt:
Fetch ('Pfad, den du abgerufen werden willst').Dann ((Antwort) =>
// In diesem Abschnitt müssen Sie Code schreiben, der die Antwort abwickelt
)
.catch ((error) =>
// In diesem Abschnitt müssen Sie Code schreiben, der Fehler behandelt
);
Axios
Axios ist eine Bibliothek von JavaScript.JS oder um XMLHTTPrequests durch Browser zu machen. Versprechen -API wird durch XMLHTTPREquests verstärkt. Axios kann die Anfrage und Antworten wahrnehmen und den Schutz vor XSRF ermöglichen. Axios ist auch in der Lage, Anforderungen effizient zu stornieren. Im Folgenden finden Sie die Merkmale von Axios:
- In der Lage, Anforderungen und Antworten abzufangen
- Hat auch integrierte Download-Fortschritte
- Fähigkeit, Anforderungen und Antworten automatisch umzuwandeln
- Anfragen stornieren
- Schützen Sie die Kundenseite gegen XSRF
Die grundlegende Syntax von Axio () API ist unten dargestellt:
Axios.GET ('URL').Dann ((Antwort) =>
// In diesem Abschnitt müssen Sie Code schreiben, der die Antwort behandelt
)
.catch ((error) =>
// In diesem Abschnitt müssen Sie Code schreiben, der Fehler behandelt
)
Fetch vs Axios
Fetch und Axios sind nicht so einfach zu vergleichen, wie Sie denken. Wenn wir über die Kompatibilität von Browsern sprechen, dann sagen wir, dass Axios im Vergleich zum Fetch eher vorzuziehen ist. Abrufen unterstützt nur wenige Browser i.e. Rand 14+, Chrom 42+, Safari 10.1+ und Firefox 39+, während Axios einige alte Browser wie IE11 unterstützt. Axios eignet sich am besten für die Transformation von Daten, da sie automatisch Daten von JSON transformiert, während Abrufen zwei Schritte für die Transformation von JSON -Daten benötigt. Wenn Sie JSON -Daten mithilfe der Fetch -API transformieren möchten, müssen Sie zuerst eine Anfrage stellen, dann wird eine JSON -Funktion aufgerufen. Axios verfügt über eine integrierte Funktion zum Schutz der Client-Seite, während Fetch diese Funktion nicht hat.
Darüber hinaus nimmt Fetch keine URLs im Objekt der Anforderung, während Axios dies tut. Axios ermöglicht es, die Anfragen sofort ein Zeitübergang zu stornieren und auch Anfragen von HTTP abzufangen, während der Fetch nicht der Fall ist.
In Axios wird die Dateneigenschaft verwendet und Daten haben ein Objekt. Im Gegenteil, das Abrufen unterstützt die Eigenschaft der Körperschaft. Last but not least ist die Installation von Axios einfach und unterstützt auch alte Browser, während die Installation bei Fetch nicht erforderlich ist und alte Browser nicht unterstützen kann. Darüber hinaus verfügt Axios über eine integrierte Funktion zum Herunterladen des Fortschritts, während Fetch diese Funktion nicht hat.
Abschluss
Wie oben erläutert, ist Axios eine benutzerfreundliche und kompakte API, die für die Kommunikation von HTTP-Anfragen verwendet wird. Eines der besten Dinge an Axios ist, dass es automatisch ein Timeout anfordert, aber für Fetch () müssen Sie Anfragen Timeout festlegen. Wenn Sie die Codelogik ändern möchten, müssen Sie die Funktion von Fetch () überschreiben, wodurch die Komplexität des Codes erhöht wird. Wie Sie sehen können, haben beide unterschiedliche Aspekte in Bezug auf die Reaktionszeit, die Transformation von Daten sowie die Syntax. Nach der Analyse der Unterschiede zwischen Fetch und Axios kommt es zu dem Schluss, dass Axios ein bevorzugterer und einfacherer Ansatz ist als das Abrufen beim Senden von HTTP -Anforderungen.