Quiero obtener datos (particularmente la capitalización de mercado) de la API y mostrarlos dentro de mi div. Pero mi html no muestra datos sobre la ejecución. ¿Qué podría estar haciendo mal?
<text id="result"></text> <script> // API for get requests let fetchRes = fetch( "https://api.lunarcrush.com/v2?data=assets&key=n8dyddsipg5611qg6bst9&symbol=AVAX"); // fetchRes is the promise to resolve // it by using.then() method fetchRes.then((res) => res.json()) .then((result) => { console.log(result); document.getElementById('result').innerHTML = result.config.data.0.market_cap; }) .catch(error => { console.log(error); }) </script>Dos sugerencias:
.then() directamente al fetch() ?result.data[0].market_cap . // API for get requests let fetchRes = fetch("https://api.lunarcrush.com/v2?data=assets&key=n8dyddsipg5611qg6bst9&symbol=AVAX") .then((res) => res.json()) .then((result) => { console.log(result); document.getElementById('result').innerHTML = result.data[0].market_cap; }) .catch(error => { console.log(error); }) <text id="result"></text>Aparte: probablemente debería invalidar su clave API que ha incluido aquí, ya que ahora está disponible públicamente y puede usarse para falsificar solicitudes para esta API.
Estoy usando jQuery Framework para hacer esto fácilmente. Verifique el código a continuación.
<script> $.get( "https://api.lunarcrush.com/v2", { data: "assets", key: "n8dyddsipg5611qg6bst9", symbol: "AVAX" }, function (result){ data = JSON.parse(result); } ); </script> Puede usar jQuery agregando el siguiente código en su etiqueta <head> .
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>Utilice result.config.data[0].market_cap; en lugar de result.config.data.0.market_cap;
let fetchRes = fetch( "https://api.lunarcrush.com/v2?data=assets&key=n8dyddsipg5611qg6bst9&symbol=AVAX"); // fetchRes is the promise to resolve // it by using.then() method fetchRes.then((res) => res.json()) .then((result) => { console.log(result); document.getElementById('result').innerHTML = result.config.data[0].market_cap; }) .catch(error => { console.log(error); });