#shorts #fetch #javascript

Si estás buscando una forma rápida y efectiva de utilizar la API de FETCH en JavaScript, ¡has llegado al lugar indicado! La API de FETCH te permite realizar peticiones HTTP de forma sencilla y sin necesidad de utilizar librerías adicionales. A continuación, te mostraremos cómo usarla en menos de un minuto.

Paso 1: realizar una petición GET


fetch('https://api-ejemplo.com/data')
.then(response => response.json())
.then(data => console.log(data));


En este ejemplo, estamos realizando una petición GET a la URL ‘https://api-ejemplo.com/data’ y luego convirtiendo la respuesta a formato JSON. Una vez que tenemos los datos, los mostramos en la consola del navegador.

Paso 2: enviar datos con una petición POST


fetch('https://api-ejemplo.com/data', {
method: 'POST',
body: JSON.stringify({ nombre: 'Usuario' }),
headers: {
'Content-Type': 'application/json'
}
});


En este segundo ejemplo, estamos enviando datos a la misma URL utilizando el método POST. Estamos enviando un objeto con una propiedad “nombre” y su valor “Usuario”, y estamos especificando que el tipo de contenido es JSON.

Conclusión

¡Y listo! En menos de un minuto has aprendido a utilizar la API de FETCH en JavaScript para realizar peticiones HTTP de forma sencilla. Esta API es muy útil para interactuar con servicios web y obtener o enviar datos de forma asincrónica. ¡Empieza a utilizarla en tus proyectos hoy mismo!