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.
¿El subscribe a obs$ de ajax se destruye al recibir respuesta del API, o también deberíamos manejar esa suscripción?
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?
Marcelo Arias
ProfesorUna 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
En este comentario se coloco el pokemon como **itto **y no ditto. Seria bueno si lo pudiesen corregir
Daniel Meza
¿El subscribe a obs$ de ajax se destruye al recibir respuesta del API, o también deberíamos manejar esa suscripción?
Marcelo Arias
Profesor¡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
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?