ajax

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.

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?