如何使用Javascript拉取api，对拉取数据进行计算，并将计算结果发布到网页上？

Question

我正在尝试将代码注入到网页中。情况是这样的：

接口url：https://blockchain.info/q/hashrate

计算：((哈希率* 1249)/(27518 * 1000000) )

然后将计算结果发布到页面。

这是我到目前为止创建的javascript：

$(document).ready(function () {
    $.ajax({
        url: 'https://blockchain.info/q/hashrate',
        type: "GET",
        dataType: "jsonp",
        success: function (data) {
            console.log(data);
            var hashrate = (data);
            var miner_cost = ((hashrate * 1249)/(27518 * 1000000)
            $.html(miner_cost);
        }
    });
});

我已经在python中成功创建了这个：

import requests
import json

url = 'https://blockchain.info/q/hashrate'

BTC_Hashrate = requests.get(url).json()

BTC_Minercost_S15_28T = ((BTC_Hashrate *1249)/(28*39*2016*12.5*1000))

print BTC_Minercost_S15_28T

任何帮助都将不胜感激。宽恕我的Javascript众神我的罪过..。我是一个python用户。

非常感谢！

Answer 1

您并不真正需要jQuery：

fetch('https://blockchain.info/q/hashrate')
    .then(res => res.json())
    .then(hashRate => {
        const minerCost = (hashRate * 1249) / (27518 * 1000000)
        document.body.innerHTML = minerCost
    })

这里有一个小把戏：https://jsfiddle.net/jz4n2ydm/

Answer 2

您可能在使用jQuery时遇到一些问题。这个很适合我。我已经将数据类型更改为json。

$(document).ready(function () {
$.ajax({
    url: 'https://blockchain.info/q/hashrate',
    type: "GET",
    dataType: "json",
    success: function (data) {
        console.log(data);
        var hashrate = (data);
        var miner_cost = (hashrate * 1249)/(27518 * 1000000);
        alert(miner_cost);
    }
});  });

Answer 3

您不能通过JavaScript修改接口的响应。(想象一下，如果任何人只需编写脚本并更改可通过web访问的任何数据，将会发生什么情况。)

为了实现您的目标，您必须配置该应用程序接口的服务器，使其能够接收通过超文本传输协议发送给它的数据(即，它不仅必须处理对/q/hashrate的GET请求，还必须处理POST请求，可能是对其他路由的请求)，并相应地更改其内部状态。然后，它可以在后续的GET请求中返回更新后的数据。

但是，由于您似乎无法控制服务器，因此您实际上无法更改数据。