jQuery：多个getJSON请求，第二个不起作用

Question

我有一个Javascript / JQuery脚本，它向不同的API发出多个getJSON请求，如下所示：

  var BTC_Value = 0;
  var LTC_Value = 0;

  var loadCoinValues = function()
  {
      $.getJSON( "http://data.mtgox.com/api/2/BTCUSD/money/ticker_fast", function( info ) {
       BTC_Value = info.data['last_local']['value'];
      });

      $.getJSON( "https://btc-e.com/api/2/ltc_usd/ticker", function( info ) {
       LTC_Value = info.ticker['avg'];
      });
     };

  loadCoinValues();

  $("h1").text(BTC_Value); //This returns the correct value.
  $("h2").text(LTC_Value); //This returns nothing.

为什么第二个getJSON不显示值？ 我有不了解影响代码结果的规则吗？

Answer 1

$.getJSON是一个异步调用。 您应该改为执行以下操作：

$.getJSON(... ,function(info) {
  $('h1').text(info.data['last_local']['value']);
});

当您执行$('h1').text(BTC_Value); BTC_Value还没有您想要的值。 当AJAX请求完成时，它会完成，但不会在此之前完成。