¿Qué es Fetch y Ajax?. Más información aquí – ¿Qué es Ajax Fetch
Fetch es una interfaz para hacer solicitudes AJAX en JavaScript. Actualmente es ampliamente implementado por los navegadores modernos y es usado generalmente para hacer una solicitud a un API.Fetch API es una interfaz para obtener información de una URL. Lo bueno es que la mayoría de los navegadores modernos incluyen la función de manera global, por lo que podemos usarla sin necesidad de instalar librerías adicionales en nuestros proyectos, incluso en proyectos con React.La realidad es que Axios es mucho más completa que Fetch, pues es una librería entera y no un solo método. Esto quiere decir que nos brinda más posibilidades, como el uso de interceptors en una petición HTTP (puedes conocer este concepto en nuestro post sobre interceptors para un cliente React).
Para terminar, fetch es el nuevo estandard y es soportado por Chrome y Firefox sin que utilices ninguna biblioteca adicional. Si realmente quieres usar esta herramienta en tus aplicaciones siempre podrás usar algún polyfill para soportar otros navegadores.
¿Cuándo utilizar Fetch
La fetch API nos permite acceder a recursos de un servidor de manera asíncrona (peticiones Ajax). Este tipo de peticiones nos permiten realizar solicitudes HTTP sin necesidad de recargar toda la página. Para utilizar fetch API no es necesario usar ninguna librería.
¿Cómo hacer un Fetch
En este caso, lo que hacemos es lo siguiente:
- Creamos una función request(url) que definimos con async.
- Llamamos a fetch utilizando await para esperar y resolver la promesa.
- Comprobamos si todo ha ido bien usando response. ok.
- Llamamos a response. text() utilizando await y devolvemos el resultado.
En este caso, lo que hacemos es lo siguiente:
- Creamos una función request(url) que definimos con async.
- Llamamos a fetch utilizando await para esperar y resolver la promesa.
- Comprobamos si todo ha ido bien usando response. ok.
- Llamamos a response. text() utilizando await y devolvemos el resultado.
La API Fetch proporciona una interfaz JavaScript para acceder y manipular partes del canal HTTP, tales como peticiones y respuestas. También provee un método global fetch() (en-US) que proporciona una forma fácil y lógica de obtener recursos de forma asíncrona por la red.
¿Que reemplaza a Ajax
Fetch es un nuevo API (ya no tan nuevo) para el acceso a recursos del servidor de manera asíncrona, basado en promesas. Es básicamente la nueva interfaz para realizar funcionalidades Ajax con Javascript, que ya podemos usar para facilitar la organización del código en nuestras aplicaciones.
El fetch se mide en millas y cuanto mayor sea, mayor será la altura de las olas.La API Fetch proporciona una interfaz JavaScript para acceder y manipular partes del canal HTTP, tales como peticiones y respuestas. También provee un método global fetch() (en-US) que proporciona una forma fácil y lógica de obtener recursos de forma asíncrona por la red.La fetch API nos permite acceder a recursos de un servidor de manera asíncrona (peticiones Ajax). Este tipo de peticiones nos permiten realizar solicitudes HTTP sin necesidad de recargar toda la página. Para utilizar fetch API no es necesario usar ninguna librería.
