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>
<div id="resultado"></div>
<script>
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
Comentarios
Publicar un comentario
Dejanos tus dudas y comentarios