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請求完成時，它會完成，但不會在此之前完成。