Scribd
Cargar
6 vistas9 páginas

Clase 7 - Javascript Fetch & Async - Await

libro aula para pensar libro aula para pensar libro aula para pensar libro aula para pensar libro aula para pensar libro aula para pensar libro aula para pensar

Cargado por

pedro.alvez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
6 vistas9 páginas

Clase 7 - Javascript Fetch & Async - Await

libro aula para pensar libro aula para pensar libro aula para pensar libro aula para pensar libro aula para pensar libro aula para pensar libro aula para pensar

Cargado por

pedro.alvez
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 9

Clase 7 -

Javascript fetch y
asincronismo
Qué es una API REST

Una API REST permite a nuestro frontend acceder a datos de un servidor


mediante URLs.
Cada URL representa un recurso. Las peticiones se hacen con verbos
HTTP:
GET → Traer datos

POST → Crear algo nuevo

PUT → Actualizar algo existente

DELETE → Borrar algo


JSON como formato de intercambio

JSON (JavaScript Object Notation) es un formato ligero de datos.

Estructura: array de objetos o objeto literal. Claves en comillas dobles.

Se convierte en JS con JSON.parse() o response.json().


Fetch y peticiones de datos

En el desarrollo moderno, necesitamos dialogar con servidores sin recargar


la página.

Fetch permite enviar y recibir datos de forma asíncrona desde JS.

Hoy se utiliza JSON por ser más liviano y compatible con objetos JS.
Usar Fetch para pedir datos (GET)

Fetch devuelve una promesa.

Necesitamos convertir la respuesta con .json().

Podemos manipular el array con map, filter, etc.


Header y body (POST/PUT)

Cuando enviamos datos, los convertimos con JSON.stringify().

Es importante agregar Content-Type: application/json.


Fetch con async/await

async/await mejora la legibilidad del código.

Usar siempre try/catch para errores.


Promesas

El objeto Promise en JavaScript representa una operación asíncrona (y su


valor resultante) que eventualmente se completará (o fallará).

Una Promise puede estar en uno de estos estados:

pending (pendiente): estado inicial, ni cumplida ni rechazada.

fulfilled (cumplida): significa que la operación se completó con éxito.

rejected (rechazada): significa que la operación falló.


Promesas

.then() se ejecuta si la promesa se cumple.

.catch() si falla.

.finally() siempre se ejecuta, pase lo que pase.

También podría gustarte