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