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からストリームを取得します。どのようにフィルタリングできますか？ Ex。 League of LegendsをクリックするとLoLストリームのみが表示されます。

Answer 1

のようなURLにゲームで$ .getJSONを再送信することができます特定のゲームは、現在の時点に依存して変化する。各getJSON呼び出しを使用して$（「＃攣縮」）要素を空

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

を、そして更新から返されたデータからリロード：単収縮で

は、APIをストリーム、あなたはそうのような検索パラメータを渡すことができますクエリ。

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

それは本当に楽しい答えではないのですが、あなたはちょうどそれらの結果は、おそらくすべてのための結果の数として、あなたがやりたいことはありませんフィルタリングhttps://api.twitch.tv/kraken/streams?game=League%20of%20Legends