ajax

Clase 30 de 36 • Curso de Programación Reactiva con RxJS

Marcelo Arias

teacher•

Una de las formas en las que podemos realizar peticiones HTTP en RxJS es a través del objeto Ajax.

En esta clase usaremos los siguientes endpoints de APIs:

https://pokeapi.co/api/v2/pokemon/itto
https://httpbin.org/delay/2

📁 Puedes ver el código de esta clase en el repositorio.

Wilmer David Cedeño Mendoza

student•

En este comentario se coloco el pokemon como **itto **y no ditto. Seria bueno si lo pudiesen corregir

Daniel Meza

student•

¿El subscribe a obs$ de ajax se destruye al recibir respuesta del API, o también deberíamos manejar esa suscripción?

Marcelo Arias

teacher•

¡Hola Daniel!

Sí, después de recibir la respuesta de la API, el observable se completa. Por lo tanto se termina la suscripción.

Además, si la API retorna un error (por ejemplo 404), el observable envía una señal de error. Y también se termina la sucripción.

David Trespalacios

student•

Se me ocurrió buscar una API que me devuelva palabras en español, para luego implementarlo en PlatziWordle y encontré esta:

Palabras al azar

muy bueno porque puedo hacer get de una palabra con longitud 'x'

sin embargo, no logro que me funcione con rxjs/ajax. Pero con fetch de js vanilla, sin problema. Que puede ser?

//Codigo con js
const url = "https://clientes.api.greenborn.com.ar/public-random-word?c=1&l=5";
fetch(url)
  .then((response) => response.json())
  .then((data) => console.log(data));

//Codigo con ajax
import { ajax, } from "rxjs/ajax";
import { of, map, catchError } from "rxjs";

const url = "https://clientes.api.greenborn.com.ar/public-random-word?c=1&l=5";
const word = ajax(url).pipe(
  map((response) => console.log("response: ", response)),
  catchError((error) => {
    console.log("error: ", error);
    return of(error);
  })
);

//Error devuelto
{
    "message": "ajax error",
    "name": "AjaxError",
    "xhr": {},
    "request": {
        "async": true,
        "crossDomain": false,
        "withCredentials": false,
        "method": "GET",
        "timeout": 0,
        "responseType": "json",
        "url": "https://clientes.api.greenborn.com.ar/public-random-word?c=1&l=5",
        "headers": {
            "x-requested-with": "XMLHttpRequest"
        }
    },
    "status": 0,
    "responseType": "json",
    "response": null
}```

sospecho que puede ser debido a la respuesta de la API en de tipo XML, que opinan?