API de banxico para obtener tipo de cambio utilizando Javascript

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.

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.

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

    Entradas más populares de este blog

    Ejemplo Macro en Word

    Macro de Excel para abrir archivo csv

    Graficar funciones en Python con dataframes