過濾JSON onClick

Question

var twitchApi = "https://api.twitch.tv/kraken/streams"; 
     $.getJSON(twitchApi, function(json) { 
      for (i = 0; i < 10; i++) { 
      var streamGame = json.streams[i].game; 
      var streamThumb = json.streams[i].preview; 
      var streamVideo = json.streams[i].channel.name; 
      $('#twitch').append('<li><iframe src="https://player.twitch.tv/? channel=' + streamVideo + '" 
    frameborder="0" scrolling="no" height="378" 
    width="620"></iframe><li>'); 
      }}); 

所以我有這個腳本從Twitch API JSON中抽取流。我如何過濾它們？防爆。點擊英雄聯盟只會顯示LoL流等等。

Answer 1

過濾這些結果可能不會做你想做的，因爲結果對於任何數量特定遊戲將根據當前時間點而變化。

隨着抽搐流API，你可以通過搜索參數，像這樣：

https://api.twitch.tv/kraken/streams?game=League%20of%20Legends 

空的，每個的getJSON調用您的$（「＃抽動」）元素，並從更新返回的數據刷新查詢。

function loadStreams(gameName) { 
    var twitchApi = "https://api.twitch.tv/kraken/streams"; 

    if (gameName) twitchApi += '?game=' + encodeURI(gameName); 

    $.getJSON(twitchApi, function(json) { 
     $('#twitch').empty() 
     for (i = 0; i < 10; i++) { 
      var streamGame = json.streams[i].game; 
      var streamThumb = json.streams[i].preview; 
      var streamVideo = json.streams[i].channel.name; 
      $('#twitch').append('<li><iframe src="https://player.twitch.tv/? channel=' + streamVideo + '" 
       frameborder="0" scrolling="no" height="378" 
       width="620"></iframe><li>'); 
    }}); 
} 

Answer 2

這不是一個真正的樂趣的答案，但你可以重新提交$ .getJSON在URL中的遊戲類似https://api.twitch.tv/kraken/streams?game=League%20of%20Legends