過濾JSON onClick

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流等等。過濾JSON onClick

來源

2016-05-16 JohnDotHR

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

隨着抽搐流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>'); 
    }}); 
}

來源

2016-05-16 23:09:58

你能否給我提供一個腳本來做到這一點？點擊虛擬#twitch並用這些搜索參數替換它？ @neil cross – JohnDotHR

那是怎麼回事？只需將onclick =「loadStreams（'League of Legends'）」添加到您的鏈接 –

是的但是呃，我希望它打開網站時顯示所有流，我不需要一個空容器。它應該列出所有的流，然後如果我點擊一個鏈接（LoL），它應該只返回LoL流。 – JohnDotHR

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

來源

2016-05-16 23:08:52 etoisarobot

你可以提供一個腳本嗎？點擊虛擬#twitch並用這些搜索參數替換它？ @Do Nothing – JohnDotHR

過濾JSON onClick

回答

相關問題