2016-12-04 10 views
-1

私は、次のコードgetableリクエストでdatableクライアント側をリロードするには?

$(document).ready(function(){ 
    var url = "https://query.yahooapis.com/v1/public/yql?format=json&q=select%20*%20from%20yahoo.finance.xchange%20where%20pair%20in%20(%22USDEUR%22,%20%22USDJPY%22,%20%22USDBGN%22,%20%22USDCZK%22,%20%22USDDKK%22,%20%22USDGBP%22,%20%22USDHUF%22,%20%22USDPLN%22,%20%22USDRON%22,%20%22USDSEK%22,%20%22USDCHF%22,%20%22USDNOK%22,%20%22USDHRK%22,%20%22USDRUB%22,%20%22USDTRY%22,%20%22USDAUD%22,%20%22USDBRL%22,%20%22USDCAD%22,%20%22USDCNY%22,%20%22USDHKD%22,%20%22USDIDR%22,%20%22USDILS%22,%20%22USDINR%22,%20%22USDKRW%22,%20%22USDMXN%22,%20%22USDMYR%22,%20%22USDNZD%22,%20%22USDPHP%22,%20%22USDSGD%22,%20%22USDTHB%22,%20%22USDZAR%22,%20%22USDISK%22)&env=store://datatables.org/alltableswithkeys"; 
    $.get(url, function(data) { 
    var ratesJSON = data['query']['results']['rate']; 
    console.log("Data Loaded: " + data['query']['results']['rate'].length); 
    $('#example').DataTable({ 
     data: ratesJSON, 
     columns: [ 
      { data: "Name" }, 
      { data: "Rate" }, 
      { data: "Ask" }, 
      { data: "Bid." }, 
      { data: "Date" }, 
      { data: "Time" } 
     ] 

    }); 
}); 

}); 

うまく上記の作品を持っています。しかし、今私は30秒ごとにテーブル(と同様にデータ)をリロードする必要があります。それを達成するためにデータテーブルのリロードを使用できますか?または、jQueryを使用してプロセス全体を繰り返す必要がありますか?

+0

にコードを再構築することにより、作業広すぎる「最良の方法は何ですか」しまいました。何を考えましたか? datatablesは大きなjavascriptフレームワーク用のモジュールです。私はあなたが何かGoogleをすることができると確信しています。 –

+0

jqueryを使用して、プロセス全体を繰り返すことはできますか?またはおそらくdatatableリロードを使用して、コードを再構成する? – abiieez

答えて

0

私はそれが

$(document).ready(function(){ 
    var table = $('#example').DataTable({ 
     //data: ratesJSON, 
     columns: [ 
      { data: "Name" }, 
      { data: "Rate" }, 
      { data: "Ask" }, 
      { data: "Bid." }, 
      { data: "Date" }, 
      { data: "Time" } 
     ], 
     ajax : { 
      url: "http://query.yahooapis.com/v1/public/yql?format=json&q=select%20*%20from%20yahoo.finance.xchange%20where%20pair%20in%20(%22USDEUR%22,%20%22USDJPY%22,%20%22USDBGN%22,%20%22USDCZK%22,%20%22USDDKK%22,%20%22USDGBP%22,%20%22USDHUF%22,%20%22USDPLN%22,%20%22USDRON%22,%20%22USDSEK%22,%20%22USDCHF%22,%20%22USDNOK%22,%20%22USDHRK%22,%20%22USDRUB%22,%20%22USDTRY%22,%20%22USDAUD%22,%20%22USDBRL%22,%20%22USDCAD%22,%20%22USDCNY%22,%20%22USDHKD%22,%20%22USDIDR%22,%20%22USDILS%22,%20%22USDINR%22,%20%22USDKRW%22,%20%22USDMXN%22,%20%22USDMYR%22,%20%22USDNZD%22,%20%22USDPHP%22,%20%22USDSGD%22,%20%22USDTHB%22,%20%22USDZAR%22,%20%22USDISK%22)&env=store://datatables.org/alltableswithkeys", 
      dataSrc: function (json) { 
        return json['query']['results']['rate']; 
      } 
     } 
    }); 

    setInterval(function() { 
    table.ajax.reload(); 
    }, 3000); 

}); 
関連する問題