#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!
