Question

我正在制作一个带有一些硬币值的仪表板（在这种情况下，比特币（BTC）和NLG。）我从bitstamp获得BTC的当前值，我想从Bittrex获得NLG到BTC的值。我做了以下页面:(你也可以在这里找到它:(我会在某些时候删除它）http://coin.hmrt.nl/）

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Coin.hmrt.nl</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Coin.hmrt.nl</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li><a href="#NLG-BTC">NLG-BTC</a></li>
            <li><a href="#NLG">NLG</a></li>
            <li><a href="#BTC">BTC</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

    <div class="container" id="NLG-BTC">
      <section>
      <h2>NLG-BTC</h2>
        <div class="row row-eq-height">
          <div class = col-md-4>
            <h4>Huidige waarden</h4>
            <p class="BTC_EUR">BTC(&euro;): </p>
            <p class="greeting-content">NLG(&euro;): </p>
            <p class="NLG_BTC">NLG(BTC): </p>
          </div>

          <div class = col-md-4>
            <p class="last-bid">The API result is </p>
            <p>1</p>
          </div>

          <div class = col-md-4>
            <img src="grafiek.jpg">
          </div>
        </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="hello.js"></script>
    <script src="get_values.js"></script>
    <script src="get_values2.js"></script>
  </body>
</html>

现在我将javascript分成两部分，因为bittrex api调用不起作用，它使bitstamp保持加载其值。这些是javascripts，第一个有效。

$(document).ready(function() {
  $.ajax({
    url: "https://www.bitstamp.net/api/v2/ticker/btceur"
  }).then(function(response_BTC_EUR) {
    var BTC_EUR = response_BTC_EUR.last;
    $('.BTC_EUR').append(BTC_EUR);

    url: "http://rest-service.guides.spring.io/greeting"
}).then(function(data) {
   $('.greeting-id').append(data.id);
   $('.greeting-content').append(data.content);
  });
});

并且这个没有给出输出：

$(document).ready(function() {
  $.ajax({
    url: "https://bittrex.com/api/v1.1/public/getticker?market=BTC-NLG"
  }).then(function(response_NLG_BTC) {
    console.log(response_NLG_BTC)
    var NLG_BTC = response_NLG_BTC
    $('.NLG_BTC').append(NLG_BTC.result);
  });
});

在Python中我有所有的API工作，例如这段代码可以工作：

requests.get('https://bittrex.com/api/v1.1/public/getticker?market=BTC-NLG').json()

它产生：

{'message': '',
 'result': {'Ask': 1.1e-05, 'Bid': 1.099e-05, 'Last': 1.099e-05},
 'success': True}

我错过了什么？我也发现调试非常困难或者实际上是不可能的，因为我没有任何关于出错的反馈意见。有什么想法吗？

Answer 1

Javascript可能不是您最好的调试工具。在Firefox和Chrome中，您可以监控发送和接收的所有请求。这将让您查看所有请求标头，以及服务器确切发回的内容（如果有的话）。

在Firefox中，按Ctrl-Shft-K，然后单击“网络”选项卡，然后照常加载页面。留意您想要的要求。出现时，单击它，所有信息将显示在右侧较小的窗口中。

我的猜测是，查询字符串出现问题（例如'？'会自动转义）。这将显示在“Params”选项卡中。

Answer 2

我认为您尝试将XMLHttpRequest发送到与您的网页不同的域名。{}因此浏览器会阻止它，因为出于安全原因，它通常允许同一来源的请求。

这可能有助于解决问题https://www.codeschool.com/discuss/t/how-to-solve-no-access-control-allow-origin-header-is-present-on-the-requested-resource-origin-null-is-therefore-not-allowed-access-in-angular-js/28989

Answer 3

尝试在您的请求中添加catch子句，以查看是否收到错误：

 $(document).ready(function() {
      $.ajax({
        url: "https://bittrex.com/api/v1.1/public/getticker?market=BTC-NLG"
      }).then(function(response_NLG_BTC) {
        console.log(response_NLG_BTC)
        var NLG_BTC = response_NLG_BTC
        $('.NLG_BTC').append(NLG_BTC.result);
      })
      .catch(function(err) {
        console.error(err);
      })
    });

在javascript

3 个答案: