xmlhttprequest,fetch() 任何工作答案

【问题标题】：xmlhttprequest,fetch() whatever worksxmlhttprequest,fetch() 任何工作
【发布时间】：2017-05-21 00:55:41
【问题描述】：

我已经为 stackoverflow 倾注了大约一周的时间，但我找不到解决问题的方法。我已经在 youtube 上搜索了教程，并且从图书馆里拿出了大约 8 本书。到目前为止，大多数（如果不是全部）消息来源都对需要做什么只有模糊的解释。

我只是想从 API 中提取代码数据并将其显示在屏幕上。我已经从 stackoverflow、dummies guides、SAMS、youtube 教程中输入了示例……没有任何效果。我知道同源政策，但我不确定它是否是导致所有错误的原因。我单击按钮，没有任何显示。我在 Chrome 和 Firefox 中关闭了安全性……仍然没有。

这是我从 Javascript 中复制出来的一个简单脚本。我已经修改它以使用我想要的 api 并且 api 返回此数据：

[
    {
        "id": "honey", 
        "name": "Honey", 
        "symbol": "HONEY", 
        "rank": "369", 
        "price_usd": "0.240062", 
        "price_btc": "0.00012133", 
        "24h_volume_usd": "652.439", 
        "market_cap_usd": "16398.0", 
        "available_supply": "68306.0", 
        "total_supply": "68306.0", 
        "percent_change_1h": "2.05", 
        "percent_change_24h": "-15.47", 
        "percent_change_7d": "-70.84", 
        "last_updated": "1495298087"
    }
]

我只想在我的网页上显示美元价格。

如果有任何帮助，我将不胜感激，我通常更喜欢自己解决问题，但恐怕我已经为此困扰了一周。这只是一个例子，我对任何有效的代码都完全开放。这是我的脚本：

<html>
    <head>
    <title>Displaying JSON Data</title>

        <script type="text/javascript"> 
        window.addEventListener('load',init,false);
        function init(e)P
        document.getElementbyId('mybutton').addEventListener('click',documentLoader,false);
        }
        function reqListener(){
        var obj = JSON.parse(this.responseText);

        document.getElementId('price_usd').innerHTML=obj.price_usd;
        }

        function documentLoader(){
        var oReq = new XMLHttpRequest();
        oReq.onload = reqListener; 
        oReq.open("GET", "https://api.coinmarketcap.com/v1/ticker/HONEY/?convert=USD",true); 
        oReq.send(); 
        }
        </script>

    </head>
<body>
    <form id="myForm">
        <button id="myButton" type="button">Click to load</button>
    </form> 
<h1>Honey Coin Price:</h1>
<div id="price_usd"></div>
</body> 
</html>

【问题讨论】：

我应该补充一点，我对任何提供加密硬币货币的 API 持开放态度......我只是以此为例和任何代码 javascript、jquery、json 等等......我真的只是想让这个工作，这样我就可以理解如何从 API 中提取信息......到目前为止没有任何工作。

标签： javascript xmlhttprequest fetch

【解决方案1】：

你有几个错别字，这似乎工作正常：

window.addEventListener('load',init,false);

function init(e) {
    document.getElementById('myButton').addEventListener('click',documentLoader,false);
}

function reqListener() {
    var obj = JSON.parse(this.responseText);
    document.getElementById('price_usd').innerHTML= obj[0].price_usd;
}

function documentLoader(){
    var oReq = new XMLHttpRequest();
    oReq.onload = reqListener; 
    oReq.open("GET", "https://api.coinmarketcap.com/v1/ticker/HONEY/?convert=USD",true); 
    oReq.send(); 
}

【讨论】：

谢谢你，我也会在我们的游戏和网页上给你一个功劳。