javascript - 我缺少什么？从 JSON API URL 获取数据以在 Bootstrap 上显示

Question

尝试自学 JavaScript，但无法从此链接转换 JSON https://www2.shapeshift.io/crowdsales使用 javascript、HTML 和 CSS 在 Bootstrap 页面上显示。我似乎无法让它工作，我不知道为什么，有人可以帮忙吗？

这是 JavaScript:

$.get( "http://www2.shapeshift.io/crowdsales", function( data ) {
    var sold = data['sold.toFixed(2)'];
    var left = data['remaining'];
    var total = sold + left;
    var ratebtc = data['rateT'];
    var percent = sold/total * 100;
    var raised = data.toFixed(2) + 'BTC';
    var percentsold = data.toFixed(2) + '%';
    var orders = data['backers'];
    $('.progress-bar').css('width', percentsold);
    $('.percentage-label').html( percentsold + " \(" + sold + " sold out of " + total + " \)");
    $('.ratebtc').html( ratebtc );
    $('.orders').html( orders);
    $('.raised').html( raised);
});

这是 HTML:

<div class="shapeshift">
        <div class="col-md-1 col-md-offset-5 object-non-visible"
        data-animation-effect="fadeIn">
            <div class="orders"></div>

            <div class="raised"></div>
        </div>
    </div>

    <div class="banner-buynow">
        <div class="col-md-1 col-md-offset-5 object-non-visible"
        data-animation-effect="fadeIn">
            <a class="btn btn-info" href="javascript:void(0);" onclick=
            "opentac();">Buy Now<br>

            <div class="ratebtc"></div></a>
        </div>
    </div>

    <div class="progress">
        <div class="progress-bar active progress-bar-striped" style=
        "width:50%">
            <div class="percentage-label"></div>
        </div>
    </div>

这是 CSS

}
.banner-buynow {
    position: absolute;
    top: 65%;
    width: 100%;
    z-index: 2;
}
.shapeshift {
    position: absolute;
    top: 75%;
    width: 100%;
    z-index: 2;
}
.progress {
    position: absolute;
    top: 90%;
    width: 100%;
    z-index: 2;
}

Answer 1

$.get( "http://www2.shapeshift.io/crowdsales", function( data ) {
  
   var sold = parseFloat(data['sold']).toFixed(2);//problem
    var left = data['remaining'];
    var total = parseFloat(sold + left).toFixed(2);//problem
    var ratebtc = data['rateT'];
    var percent = sold/total * 100;
    var raised = parseFloat(data['raised']).toFixed(2) + 'BTC';//problem
    var percentsold = parseFloat(data['sold']).toFixed(2) + '%';//problem
    var orders = data['backers'];
    $('.progress-bar').css('width', percentsold);
    $('.percentage-label').html( percentsold + " \(" + sold + " sold out of " + total + " \)");
    $('.ratebtc').html( ratebtc );
    $('.orders').html( orders);
    $('.raised').html( raised);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="shapeshift">
        <div class="col-md-1 col-md-offset-5 object-non-visible"
        data-animation-effect="fadeIn">
            <div class="orders"></div>

            <div class="raised"></div>
        </div>
    </div>

    <div class="banner-buynow">
        <div class="col-md-1 col-md-offset-5 object-non-visible"
        data-animation-effect="fadeIn">
            <a class="btn btn-info" href="javascript:void(0);" onclick=
            "opentac();">Buy Now<br>

            <div class="ratebtc"></div></a>
        </div>
    </div>

    <div class="progress">
        <div class="progress-bar active progress-bar-striped" style=
        "width:50%">
            <div class="percentage-label"></div>
        </div>
    </div>

问题:

1. 您需要使用 json 中存在的数据 var raise = data.toFixed(2) + 'BTC';
var percentsold = data.toFixed(2) + '%'; 对我来说似乎没什么用。因为数据是一个对象。
2. toFixed() 仅适用于 float 。

尝试输入此代码并检查。