API de banxico para obtener tipo de cambio utilizando Javascript

agosto 01, 2024

En esta entrada vamos a ver un código de Javascript para obtener el tipo de cambio del Banco de México (Banxico) mediante API, puedes usar el siguiente código JavaScript. Este ejemplo utiliza `fetch` para realizar la solicitud a la API. Asegúrate de tener una API Key de Banxico.

Banxico token

Para poder ejecutarlo necesitamos obtener primero nuestro token en https://www.banxico.org.mx/SieAPIRest/service/v1/token

Con ese token puedes hacer hasta 40,000 consultas gratis por día.

Cómo llamar api de banxico y javascript

Después necesitamos identificar la serie del dato que queremos identificar , en este ejemplo vamos a utilizar la serie SF43718 el cual obtenemos de la liga https://www.banxico.org.mx/SieAPIRest/service/v1/doc/catalogoSeries#

<html>

<head>

<title>Tipo de Cambio Banxico</title>

<style>

body {

font-family: Arial, sans-serif;

text-align: center;

}

</style>

</head>

<body>

<h1>Tipo de Cambio Actual</h1>

const url = 'https://www.banxico.org.mx/SieAPIRest/service/v1/series/SF43718/datos/oportuno?token=TU_TOKEN';

fetch(url)

.then(response => response.json())

.then(data => {

const resultados = data.bmx.series;

const divResultados = document.getElementById('resultado');

resultados.forEach(serie => {

const p = document.createElement('p');

p.textContent = `${serie.nombre}: $${serie.datos[0].dato}`;

divResultados.appendChild(p);

});

})

.catch(error => {

console.error('Error:', error);

const divResultados = document.getElementById('resultado');

divResultados.textContent = 'Error al obtener los datos';

});

</script>

</body>

</html>

El código hace una solicitud a la API del Banxico para obtener el tipo de cambio dólar-peso.

Los datos obtenidos se procesan y se muestran en un párrafo dentro del div "resultado".

Si ocurre algún error, se muestra un mensaje de error.

Para que vean como funciona la pagina les comparto la siguiente URL https://www.programacionparatodos.com/p/leer-tipo-de-cambio-de-banxico.html

En este ejemplo vimos como llamarlo desde una página web utilizando HTML y Javascript ,pero podríamos hacerlo con Python,Javascript,NET,Progress 4gl,postman.

Espero les sea de utilidad y nos compartan,dejen sus comentarios si les funciona y sus dudas.

Si quieres ver otro ejemplo de Javascript y API con Fórmula 1 visita la siguiente liga

https://www.programacionparatodos.com/2023/04/api-para-leer-datos-de-la-formula-1-f1.html

Les comparto la liga de un video explicando como obtener su token y como lanzar el API

Fracasar en Blogger intentando ganar dinero: lo que aprendí después de años escribiendo