我如何从 api json 响应对象中获取值并将其分配给 javascript 中的常量答案

【问题标题】：How can i get value from the api json response object and assign it to constant in javascript我如何从 api json 响应对象中获取值并将其分配给 javascript 中的常量
【发布时间】：2023-02-25 16:31:45
【问题描述】：

我正在尝试从 coingecko API 获取价格，它返回对象 json 响应我怎样才能获得该响应值并将其分配给 const速度直接到我这里的计算下面的代码我试图实现

fetch(`https://api.coingecko.com/api/v3/simple/price?ids=${give}&vs_currencies=${get}`)
  .then(res => res.json())
  .then((data) => {
    console.log(data.responseText)
    const rate = data.responseText;
    rateE1.innerText = `1 ${give} = ${rate} ${get}`

    get_qty_enter.value = (give_qty_enter.value * rate).toFixed(5);
  })
  .catch(err => console.error(err));

【问题讨论】：

标签： javascript json api object fetch

【解决方案1】：

你遇到了什么错误？

您可以根据传入回复中的字段名称处理数据；

//For example
var rate = data.responseText;
console.log(rate.currency, rate.amount);

【讨论】：

【解决方案2】：

在探索新技术时，您应该培养阅读文档的习惯。

在这里我为 doge 写了一个例子到 usd。

HTML

Amount Of Coins <br>
    <input type="text" id="give_qty_enter" placeholder="give" /><br><br><br>

    Total USD for Coins <br>
    <input type="text" id="get_qty_enter" placeholder="get" />

    <button id="rateBtn">Change</button>

    <h1 id="rateE1"></h1>

    let give = "1doge";
    let get = "usd";
    let rateE1 = document.getElementById("rateE1");
    let give_qty_enter = document.getElementById("give_qty_enter");
    let get_qty_enter = document.getElementById("get_qty_enter");
    let rateBtn = document.getElementById("rateBtn");

    rateBtn.addEventListener("click", () => {
        fetch(`https://api.coingecko.com/api/v3/simple/price?ids=${give}&vs_currencies=${get}`)
            .then(res => res.json())
            .then((data) => {
                const rate = data["1doge"].usd;
                rateE1.innerText = `1 ${give.split("1")[1]} = ${rate} ${get}`

                get_qty_enter.value = (give_qty_enter.value * rate).toFixed(5);
            })
            .catch(err => console.error(err));
    });

仔细阅读此链接上的这两部分。
https://www.coingecko.com/en/api/documentation
/simple/price
/simple/supported_vs_currencies
/coins/list

【讨论】：